Discussion :

[hapalemur]

Bonjour,
Petit problème : comment supprimer un élément d'une liste connaissant son id

Le code HTML :

Code :

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

1
2
3
4
5
6
7
 
<ul id="listePersonnes">
     <%--  exemple de contenu :
     <li val="DUBOIS Paul">&raquo;&nbsp;<a href="#">DUBOIS Paul</a></li>
     <li val="LENEUF Marcel">&raquo;&nbsp;<a href="#">LENEUF Marcel</a></li>
     --%>
</ul>

En fonction de requêtes, la liste est construite dynamiquement avec la fonction Javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
var listePersonnes = document.getElementById("listePersonnes");
function ajoutPersonne( id, nom, prenom ){
    listePersonnes.innerHTML +=
          "<li id=" + id + ">" +
                "<a href=\"#\" onclick=\"selectionPersonne("+id+"); return false;\">" +
                      nom + " " + prenom +
                "</a>" +
          "</li>"
}

Code :

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

1
2
3
4
5
function suppressionPersonne( id ){
   // supprime la personne id= id de la liste affichée
   ....
}

Un clic sur un élément de la liste lance la fonction selectionPersonne(id) qui outre la saisie de paramètres, propose un bouton Suppression qui, associé à la fonction suppressionPersonne(id), permet de retirer la personne correspondante de la liste.

Mon problème est que je ne vois pas très bien comment utiliser removeChild() pour effectuer l'opération?

[RomainVALERI]

Code javascript :

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

1
2
3
4
function suppressionPersonne( id ){
   var elem = document.getElementById(id);
   elem.parentNode.removeChild(elem);
}

[hapalemur]

Bien vu ... merci.
J'ai encore des progrès à faire dans la manipulation du DOM ...

[RomainVALERI]

Tout commence ici ^^

Bon courage, ce n'est pas évident de prime abord mais ça vaut vraiment le coup