Discussion :

[kalbo]

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

[denisC]

Pouvez vous me débloquer?

Montre nous ce que tu dupliques....

[kalbo]

Bonjour,

Je duplique ceci :

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
 
<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

[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...