Discussion :

[Jehuty57]

Bonjour, j'ai un tableau html dont le nombre de lignes peut être augmenté par du javascript.

J'aimerais produire l'effet inverse et permettre de supprimer des lignes. J'ai donc placé dans mon tableau html un bouton permettant de supprimer une ligne. Chaque bouton à un identifiant comportant le numéro de la ligne lors de la création.

Code :

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

newCell.innerHTML = '<button type="button" name="delete'+(length-2)+'" onclick="deleteLine(\'addSynonymForm\','+(length-2)+')" />

L'action associée au bouton porte cet identifiant. Pour la première suppression il n'y a pas de problème. Mais ensuite, les numéros de lignes ne correspondent plus à la réalité car une ligne a été supprimé.

J'aimerais donc à partir de l'identifiant du bouton retrouver la ligne qui le contient dans le tableau html.

Comment puis-je faire ceci?

[RomainVALERI]

A partir du moment ou tu connais l'id de l'élément bouton, pas de problème a priori avec quelque chose du style :

Code javascript :

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

1
2
3
var bouton = document.getElementById("idDeTonBouton");
var ligne = bouton.parentNode;
ligne.parentNode.removeChild(ligne);

[SpaceFrog]

rowIndex

[Jehuty57]

J'ai utilisé la première méthode,

j'ai juste ajouté un .parentNode car sinon je détruisais seulement la cellule.

Merci pour votre aide

[RomainVALERI]

j'ai juste ajouté un .parentNode car sinon je détruisais seulement la cellule.

Ah tiens oui heureusement que tu as compris le principe et corrigé de toi-même