✔ Dynamische Tabelle dynamisch ändern

[maschine_west]

[gelöst] Dynamische Tabelle dynamisch ändern

Hallo,

ich habe folgende Konstellation:

Ich baue mir zur Laufzeit dynamisch eine Tabelle mit JS auf.
Die Tabelle entspricht in ihrem Inhalt dem Inhalt eines JavaScript Arrays.
Das Erstellen der Tabelle übernimmt eine print_table() Funktion die per document.write() die Zeilen aus dem Array schreibt.
In dieser Tabelle kann man einzelne Zeilen Editieren (nach oben oder unten schieben bzw. löschen). Wodurch die Zeilen im Array verschoben oder gelöscht werden.

Jetzt meine Frage:

Wie schaffe ich es, dass die Änderungen die ich im Array vorgenommen habe auch in der Tabelle sichtbar werden? EIgentlich müsste ich nur meine print_table Funktion erneut aufrufen, doch wenn ich das mache baut er die Seite komplett neu auf und schmeißt alles außer der Tabelle raus.

Ich hoffe das Problem ist klar und es gibt jemand der das kennt.
Danke im Voraus
Gruß
M_W

 

[con-f-use]

dokument.write() funktioniert nur während des Landens eines Dokumentes - wird es danach aufgerufen erstellt es von sich aus ein neues Dokument. Normalerweise benutzt man nach dem laden element.innerHTML diese Eigenschaft wird aber leider nicht von allen Browsern unterstützt und verursacht in verbindung mit Tabellen im IE oftmals Fehler. Deswegen würde ich dir zu den DOM-Funktionen raten:

createElement()
createTextNode()
appendChild()

usw.

 

[maschine_west]

Tach,

danke für die Antwort. Meine Tabelle steht jetzt mit add and remove Element aus dem DOM wie es mir passt.

Gruß
M_W