Discussion :

[realkilla]

bonjour,

j'aimerais savoir si il est possible d'ajouter une ligne dynamiquement dans un élément table ?

merci

[RomainVALERI]

oui ^^

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
// récupération de la référence à la table
var maTable = document.getElementById('idDeMaTable');
 
// création d'un élément ligne (vide et isolé)
var nouvelleLigne = document.createElement("TR");
 
// rattachement de la nouvelle ligne à la table
maTable.insertBefore(nouvelleLigne, maTable.firstChild);

cet exemple insèrera la nouvelle ligne en première position, mais tout est possible a priori ^^

[marts]

Le mieux avec une table c'est d'utiliser insertRow :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
 
var nouvelleLigne = maTable.insertRow(-1); // ajoute un <tr> à la fin de la table
var premièreCellule=nouvelleLigne.insertCell(0); // ajoute un <td>

[RomainVALERI]

On aurait même pu envisager aussi appendChild pour le rattachement dans le DOM, mais il me semblait qu'insertBefore était celui des trois qui m'avait posé le moins de problèmes de portabilité (notamment avec IE6)(mais je ne suis plus sûr à 100% )

En tout cas avec tout ça, realkilla devrait trouver son bonheur ^^