Discussion :

[Invité]

Bonjour,

Le script que je prépare doit pouvoir supprimer des lignes d'un tableau dynamiquement. J'utilise la fonction removeChild() pour ce faire mais ça ne fonctionne pas (noeud introuvable...).

Exemple :

HTML

Code :

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

1
2
3
4
5
<table width="100%" border="0" id="tableau">
<tr id="ligne1"><td>xyz</td></tr>
<tr id="ligne2"><td>xyz</td></tr>
<tr id="ligne3"><td>xyz</td></tr>
</table>

JavaScript

Code :

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

1
2
3
var tableau = document.getElementById("tableau");
var ligne = document.getElementById("ligne2");
tableau.removeChild(ligne);

J'ai donc cette erreur "noeud introuvable". Quelqu'un saurait pourquoi ça ne fonctionne pas? Pour info, je suis sous FF.

Merci et bonne soirée,

webrider

[Auteur]

bonjour,

pour supprimer la ligne d'un tableau utilise deleteRow()

Code :

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

1
2
 
document.getElementById('idTableau').deleteRow(numLigne);

la première ligne a l'index 0.

[Invité]

Merci pour ta réponse Auteur!

Je vais donc changer mon code pour utiliser la fonction deleteRow() mais... eh oui il y a un mais... le tableau est bien plus compliqué que celui donné en exemple dans mon premier post.

Les lignes sont également ajoutées dynamiquement et portent à chaque fois un id du genre objet + un numéro. Je voudrais en fait effacer une ligne dont l'id vaut objet + tel numéro.

La fonction deleteRow() ayant comme paramètre le numéro de ligne, comment dans ce cas trouver le numéro d'une ligne dont l'id vaut "objet" + numero? J'aurais bien une idée mais elle est plutôt lourde et pas vraiment belle à voir! Si vous avez plus simple n'hésitez pas!

Mon idée est de rechercher tous les "TagName" tr puis de les parcourir en boucle avec une variable incrémentale partant de 0 et dès que l'id correspond ma ligne aura la valeur de la variable incrémentale. Comme je vous le disais c'est pas très joli donc merci d'avance pour vos idées!

webrider

[Auteur]

voilà un exemple plus complet d'ajout / suppression de lignes :
http://www.developpez.net/forums/sho...d.php?t=334611

Tu peux regarder également ceci :
http://www.developpez.net/forums/sho...d.php?t=180353

[Invité]

Merci pour les liens Auteur!

[Invité]

J'ai jeté un oeil aux liens que tu m'as donnés et j'ai trouvé la propriété rowIndex (qui m'était inconnue) qui me donne l'indice de la ligne à supprimer puis je donne cet indice comme paramètre à la fonction deleteRow.

Ca fonctionne on ne peut mieux! Merci!