Duplication et suppression de noeud enfant en javascript

Version imprimable

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:

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

08/03/2006, 09h15
denisC

Re: Duplication et suppression de noeud enfant en javascript

Citation:

Envoyé par kalbo

Pouvez vous me débloquer?

Montre nous ce que tu dupliques....

Bonjour,

Je duplique ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
 
<div id="p_12">
        <input type="button" value="+" onclick="javascript:DuplicateGroup_onclick('p_12')" />
        <input type="button" value="-" onclick="javascript:RemoveGroup_onclick('p_12', '2')" />
        <br />
 
        <asp:ListBox ID="ListBox1" runat="server" Rows="1">
            <asp:ListItem Value="1">Moi</asp:ListItem>
            <asp:ListItem Value="2">Toi</asp:ListItem>
            <asp:ListItem Value="3">Lui</asp:ListItem>
        </asp:ListBox>
        <br/>
        <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox><br/>
        <asp:RadioButton ID="RadioButton1" runat="server" TabIndex="2" Width="284px" /><br/>
        <asp:CheckBox ID="CheckBox1" runat="server" />
    </div>

Kalbo

23/05/2008, 16h54
Bludwarf

Si ça intéresse quelqu'un :
Le problème de la suppression vient du getById : l'id passée en paramètre est toujours la même c'est donc normal que ça ne supprime qu'un seul élément (au fait le nbNode="1" sert à quoi :?)
C'est peut-être un problème au niveau de l'HTML, on ne peut avoir qu'une seule id dans le document...