[Erledigt] Tabellenzeile erstellen und löschen

Buschdieb · 18.11.2009, 11:31

Hallo Leute,

ich habe folgendes Problem. Ich möchte dynamisch mit Hilfe von Javascript zu meiner Tabelle per Knopfdruck eine oder mehrere Zeile(n) hinzufügen. Der Clou an der Sache soll sein, dass ich die gerade eben erstellte Zeile gleich wieder löschen (fadeout) kann.

Das Erstellen und Löschen einer Zeile ist bisher kein Problem gewesen. Nur funktioniert es nicht dynamisch siehe Code. Ich habe jquery verwendet.

Hat jemand eine Idee warum ich die dynamschi erstellte Zeile nicht gleich wieder löschen kann? Es werden doch alle nötigen Parameter übergeben. Gibt es da vielleicht ein Zusammenhang mit <tbody>?

Drück einfach mal den Link Test Album anlegen und versucht diese Zeile dann per Link "loeschen" zu loeschen.

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
  <title></title>
  <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
  <script type="text/javascript">
  function loeschen(id){var bestaetigung = window.confirm('ACHTUNG! Wollen Sie das Album mit Fotos wirklich löschen? '+id+''); 
  if(bestaetigung) {$(id).fadeOut();}else {exit();}}
  
    function addRow(id,trid)
    {
    alert(trid);
    trid++;
    alert(trid);
    
    var tbody = document.getElementById(id).getElementsByTagName("TBODY")[0];
    var row = document.createElement("TR")
    //tb.appendChild(newTr);
    
    //tr bekommt id
    tbody.appendChild(row).setAttribute("id", trid, 0);
    
    var td1 = document.createElement("TD")
    td1.appendChild(document.createTextNode("Spiel"))
    
    var td2 = document.createElement("TD")
    td2.appendChild (document.createTextNode("Ergebnis"))
    
    var td3 = document.createElement("TD")
    
    //zu loeschende trid in diesem fall die erstelle zeile tr
    trid = "tr#zeile"+trid;
    alert(trid);
    
    td3.innerHTML = "<a href=\"#\" onclick=\"loeschen('"+trid+"')\">loeschen</a>";
        
    row.appendChild(td1);
    row.appendChild(td2);
    row.appendChild(td3);
    tbody.appendChild(row);
    
    }
    
    //letzte tabellen zeile
    trid = 2;
    
  </script>
  </head>
  <body>
    <table id="test" width="98%" border="1">
    <tbody>
    <tr>
    <th>Spiel</th>
    <th>Ergebnis</th>
    <th>löschen</th>
    </tr>
    <tr id="zeile1">
    <td>Test</td>
    <td>blabla</td>
    <td><a href="#" onclick="loeschen('tr#zeile1')">loeschen</a></td>
    </tr>
    <tr id="zeile2">
    <td>Test</td>
    <td>blabla</td>
    <td><a href="#" onclick="loeschen('tr#zeile2')">loeschen</a></td>
    </tr>
    </tbody>
    </table>
    <a href="#" onclick="addRow('test',trid)">Test Album anlegen</a>
  </body>
</html>

Vielen Dank für eure Hilfe!

Buschdieb · 18.11.2009, 14:41

Ich habe den Fehler gefunden!

so muss es aussehen. trid hatte nur die id z.B. 3 nicht zeile3.

Code:

trid_neu = "zeile"+trid;

//tr bekommt id
tbody.appendChild(row).setAttribute("id", trid_neu, 0);

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
MySql Tabellenzeile per Link löschen	Q-Meax	PHP Tipps 2009	8	03.10.2009 13:30
[Erledigt] Tabellenzeile per klick einfügen	Buschdieb	JavaScript, Ajax und mehr	8	01.10.2009 21:37
[Erledigt] foreach schleife beim erstellen einer image_map schlägt fehl	litterauspirna	PHP Tipps 2009	8	25.05.2009 13:04
Multiple File Upload Sicherheit/Wieder löschen	malungo	PHP Tipps 2008	2	03.12.2008 20:55
[Erledigt] über URL bestimmte Zeile einer txt löschen!	VinManWin	PHP Tipps 2008	10	31.10.2008 12:25
ordner erstellen und löschen		PHP Tipps 2006	7	03.02.2006 17:53
Bilder löschen		PHP Tipps 2005-2	4	24.10.2005 11:37
Vor dem löschen abfragen ob man wirklich löschen will		PHP Tipps 2005-2	1	05.09.2005 11:54
Online Editor (Löschen, Edit, Erstellen)	Nosferatu	PHP Tipps 2005-2	11	22.07.2005 20:06
Problem mit PFad Firefox - Verzeichnis löschen		PHP Tipps 2005-2	0	19.07.2005 16:05
Verzeichnis löschen - falscher Webserverbenutzer ?!		PHP Tipps 2005-2	11	09.07.2005 00:35
Stammbaum erstellen	Riot	PHP Tipps 2005	17	13.05.2005 16:32
[FRAGE] Datein per PHP löschen.		PHP Tipps 2005	21	11.05.2005 19:36
[Erledigt] Sicherheitsabfrage beim Löschen aus DB		PHP Tipps 2005	6	05.04.2005 10:24
Ordner löschen und neu erstellen...		PHP Tipps 2004	1	29.09.2004 17:23


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

18.11.2009, 14:41
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	Ich habe den Fehler gefunden! so muss es aussehen. trid hatte nur die id z.B. 3 nicht zeile3. Code: trid_neu = "zeile"+trid; //tr bekommt id tbody.appendChild(row).setAttribute("id", trid_neu, 0); __________________ fragen ist kostenlos! Buschdieb.com