[POO] Suppresion dynamique ligne tableau

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:

---

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:

---

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

bonjour,

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

Code:

---

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

---

la première ligne a l'index 0.

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

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

Merci pour les liens Auteur! :king:

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!