Zeile (tr) dynamisch hinzufügen (kopieren)
tobias
- javascript
Hallo allerseits
Ich will eine Tabelle bei der in jeder Zeile ein upload-Forumlar-Feld ist.
Wenn man eine Datei zum uploaden ausgewählt hat soll die Tabelle um eine solche Zeile ergänzt werden.
<table id="tabelle">
<tr>
<td>
1.Datei
</td>
<td>
<input type="file" onBlur="zeile_hinzufuegen()">
</td>
</tr>
</table>
zeile_hinzufuegen()
{
document.getElementById("tabelle").zeile_hinzufügen???
}
Mit innerhtml += "<tr>.....</tr>"
gienge es, nur werden beim Hinzufügen der Zeile die bereits ausgewählten Dateien wieder entfernt.
Das ganze sollte auch mit anderen Browsern als dem IE funktionieren.
Danke für jegliche Hilfe
Hallo,
sieh Dir mal http://de.selfhtml.org/javascript/objekte/document.htm#create_element und http://de.selfhtml.org/javascript/objekte/node.htm#append_child an. Bedenke dabei, das die TR Kinder des TBODY sind. Auf http://www.j-berkemeier.de/Ritzelrechner.html kannst Du sehen, wie Tabellen dynamisch angelegt werden (make_table).
Gruß, Jürgen
Hallo,
http://de.selfhtml.org/javascript/objekte/node.htm#append_child an. Bedenke dabei, das die TR Kinder des TBODY sind.
<tbody>!!
Herzlichen Dank, das ist es!
Mfg Tobias Buschor
Hi,
Mit innerhtml += "<tr>.....</tr>"
gienge es, nur werden beim Hinzufügen der Zeile die bereits ausgewählten Dateien wieder entfernt.
Und vorher mit innerHTML die Tabelle auslesen, dann einfügen und zurückschreiben?
Gruß, Cybaer
Und vorher mit innerHTML die Tabelle auslesen, dann einfügen und zurückschreiben?
Dann werden eben die Werte im Formularfeld wieder zurückgesetzt (zumindest bei meinem Mozilla)
mfg tobias
Hi,
Dann werden eben die Werte im Formularfeld wieder zurückgesetzt (zumindest bei meinem Mozilla)
OK. Bevor man auch noch die Forularfelder ausliest (auch wenn das einfach ist), empfiehlt sich auf jeden Fall das Einfügen in den DOM-Baum ... =;-)
Gruß, Cybaer