Ergebnis 1 bis 9 von 9
  1. #1
    leseratte15 ist offline Grünschnabel
    registriert
    22-06-2012
    Beiträge
    7

    Javascript toggle() Problem mit dynamischen Tabellen

    Hi !

    Zuerst einmal: Ich bin neu hier.

    Ich habe folgendes Problem mit Javascript, an dem ich schon einige Tage sitze, aber nicht weiterkomme.

    Ich gebe aus einer Datenbank Datensätze mit einer PHP Schleife in Tabellen aus.
    Jetzt kommt das Javascript Problem:

    In jeder Tabelle ist ein Javascript Link, der die toggle() Funktion aufruft (Code steht weiter unten).
    Aber zurzeit passiert noch nichts, beim Klick auf den Link.

    Das Problem hierbei ist, dass die Tabellen dynamisch erzeugt werden, d.h. wenn ich in einer Tabelle den Link klicke, sollen die Eingabefelder auch in der Tabelle angezeigt werden.

    Könnt Ihr mir hierbei helfen?

    Javascript Code: (mit Jquery, wie genau binde ich Jquery mit ein, nachfolgend sind 2 Links)

    HTML-Code:
    <script type="text/javascript"
    	src="http://code.jquery.com/jquery-latest.min.js"></script> <script
    	type="text/javascript"
    	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
    <script type="text/javascript"><!--
    	var elemente = ['einsaetze', 'einnahmen']; // hier gehören die Element-IDs rein
    	function toggle(id) {                
    		for(var i = 0; i < elemente.length; i++)
    			$('#'+id).find(elemente[i]).toggle();
    	}
    // --></script>

    Code um die Tabellen anzuzeigen:

    PHP-Code:
    .....

    <?php

    .....

        while ( 
    $row $abstract->fetchRow $res ) ) {
            
            
    $id $row ['id'];
            
            echo 
    '
        <a href="#" onclick="toggle(' 
    $id ');">Eingabefelder einblenden</a>

        <table id="' 
    $id '">
        <tr>
        ...
        </tr>

        <tr>
        ...
        </tr>

        <tr>
        ...
        </tr>

        <tr id="einsaetze" style="display: none">
        <td><input type="text"
        name="einsaetze" id="einsaetze" size="20" /></td>
        </tr>
        <tr id="einnahmen" style="display: none">
        <td><input type="text"
        name="einnahmen" id="einnahmen" size="20" /></td>
        </tr>
        
        </table>'
    ;

        }

    ....
    Ich danke euch jetzt schon für eure Hilfe
    Geändert von leseratte15 (22-06-2012 um 15:31 Uhr)

  2. #2
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    wofür ist die funktion toggleElement da?

  3. #3
    leseratte15 ist offline Grünschnabel
    registriert
    22-06-2012
    Beiträge
    7

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Die hatte ich von einem alten Projekt von mir, brauch ich aber, denke ich, nicht.

  4. #4
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Die hatte ich von einem alten Projekt von mir, brauch ich aber, denke ich, nicht.
    wenn du sie nicht aufrufst sicher nicht
    hier
    $('#'+id).find(elemente[i]).toggle();
    fehlt noch eine #

  5. #5
    leseratte15 ist offline Grünschnabel
    registriert
    22-06-2012
    Beiträge
    7

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Ok, dann nehme ich es raus

    Wo fehlt denn ein # in der Zeile?

  6. #6
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Wo fehlt denn ein # in der Zeile?
    das sollte man doch sehen?!
    warum hast du eins vor der 1. id?

  7. #7
    leseratte15 ist offline Grünschnabel
    registriert
    22-06-2012
    Beiträge
    7

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Zitat Zitat von hesst Beitrag anzeigen
    das sollte man doch sehen?!
    warum hast du eins vor der 1. id?
    Das weiß ich nicht. Den Code habe ich aus dem Internet.
    Ich bin in JavaScript leider ein Neuling

    Ist dieses erste # denn falsch?
    Wo muss es denn hin?

  8. #8
    tsseh ist offline Foren-Gott
    registriert
    19-05-2008
    Beiträge
    5.667

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Das weiß ich nicht. Den Code habe ich aus dem Internet.
    und den ansi.sys-treiber von so ner windows95 diskette?

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Ich bin in JavaScript leider ein Neuling
    ist ja kein grund irgendwas hinzuschreiben was man nicht versteht

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Ist dieses erste # denn falsch?
    das hab ich nicht gesagt, das war ein tip

    Zitat Zitat von leseratte15 Beitrag anzeigen
    Wo muss es denn hin?
    http://api.jquery.com/category/selectors/

  9. #9
    Avatar von kkapsner
    kkapsner ist offline Super Moderator
    registriert
    28-03-2008
    Beiträge
    17.732

    AW: Javascript toggle() Problem mit dynamischen Tabellen

    Jquery zweimal einzubinden ist auch nicht so die gute Idee.

    Der Code kann aber auch gar nicht so funktionieren, wie du es denkst, da eine ID in einem Dokument eindeutig sein muss - du vergibst hier einige IDs öfter.

    PS: PHP-Code bei einem JS-Problem zu schreiben ist selten hilfreich.

Ähnliche Themen

  1. Problem mit dynamischen Funktionen
    Von JavaKiddy im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 05-09-2011, 20:54
  2. Javascript Code in Dynamischen Formular
    Von lll192837465lll im Forum JavaScript
    Antworten: 0
    Letzter Beitrag: 23-01-2011, 19:44
  3. Antworten: 5
    Letzter Beitrag: 20-04-2010, 12:35
  4. Problem mit dynamischen menu
    Von EM im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 07-03-2008, 23:44
  5. getElementById - Problem mit dynamischen IDs
    Von vege1r im Forum JavaScript
    Antworten: 7
    Letzter Beitrag: 30-06-2005, 17:41

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •