[DOM] Ajouter une ligne à un tableau
Bonjour,
je génère un premier tableau avec DOM, puis je souhaite le compléter selon la saisie d'un formulaire
Mon code de création de tableau
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32
| function creerNodeListerEvt(nomTache)
{
divPresEvt = document.createElement("div");
divPresEvt.id = "divPresEvt"+nomTache;
table = document.createElement("table");
table.id = "tablePresEvt"+nomTache;
tr = document.createElement("tr");
tbody = document.createElement("tbody");
td = document.createElement("td");
td.appendChild( document.createTextNode("Evenement") );
tr.appendChild( td );
td = document.createElement("td");
td.appendChild( document.createTextNode("Redefinir") );
tr.appendChild( td );
td = document.createElement("td");
td.appendChild( document.createTextNode("Libelle") );
tr.appendChild( td );
td = document.createElement("td");
td.appendChild( document.createTextNode("Action") );
tr.appendChild( td ); //pour les actions
tbody.appendChild(tr)
table.appendChild(tbody);
divPresEvt.appendChild(table);
return divPresEvt;
} |
Mon code lors de l'ajout d'une ligne
Code:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22
| var table = document.getElementById("tablePresEvt"+nomTache);
var tbody = table.tBodies[0];
var tr = tbody.rows[0].cloneNode(true);
var td = document.createElement("td");
td.appendChild( document.createTextNode(libEvtValue) );
tr.appendChild( td );
var td = document.createElement("td");
td.appendChild( document.createTextNode(libRedefValue) );
tr.appendChild( td );
var td = document.createElement("td");
td.appendChild( document.createTextNode(libelle) );
tr.appendChild( td );
var td = document.createElement("td");
td.appendChild( document.createTextNode("Supprimer") );
tr.appendChild( td ); //pour les actions
table.tBodies[0].appendChild(tr); |
J'ai cherché partout, j'ai repris le code ici pour modifier mon script :
http://www.developpez.net/forums/sho...le+appendChild
Mais toujours le même résultat : les éléments apparaissent de manière furtive, pendant 1/10 de seconde on voit l'insertion, puis ca revient à l'etat initial. Ce systeme de zapping commene à m'enerver :aie:
Dans l'attente d'une réponse qui va me débloquer, je vous remercie d'avance :)