Bonjour,

J'ai un formulaire HTML qui contient une balise div.
Dans cette balise j'ai mis plusieurs composants (textbox, listbox, ...).

Je voudrais savoir comment il faut faire pour dupliquer ce noeud à chaque fois que j'appuie sur un bouton, et de même pour la suppression.

Pour l'instant j'ai développer ces deux fonctions :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
 
        var nb = 1;
 
        function DuplicateGroup_onclick(IdToDuplicate)
        {	
            if (nb < 4)
            {                 
                var obj = document.getElementById(IdToDuplicate);
                var node = obj.cloneNode(true);
                //obj.parentElement.insertBefore(obj.cloneNode(true), obj);
                node.id = "IdToDuplicate" + nb;
                alert(node.id);
                obj.parentElement.appendChild(node);
                nb++;
            }
            else
                alert("nb =" + nb);
        }
 
        function RemoveGroup_onclick(Id)
        {
            var nbNode = "1";
            if (nb > 1)
            { 
                var obj = document.getElementById(Id);
                //var node = Id + nbNode;
                //var IdToDelete = document.getElementById(node);
                //alert(node);
                //alert(IdToDelete);
                //obj.parentElement.removeChild(IdToDelete); 
                obj.parentElement.removeChild(obj);
                nb--;
            }
            else
                alert("nb =" + nb);
        }
Le problème c'est que je ne supprime jamais le bon noeud. Et je vois pas du tout où se situe le problème.

Mon interface HTML se compose d'un seul bouton permettant la réplication des nodes et d'autant de boutons permettant la suppression d'une node que le nombre de nodes suceptible d'être supprimé.

Pouvez vous me débloquer?
Merci pour votre aide,
Kalbo.

modéré par denisC : merci d'utiliser les balises code