[Javascript/Dhtml] Problemes avec la supression des formulai

**ETI-trian** · 29/03/2006, 16h54

j'arrive à les inserrer dynamiquement mais pas à la supprimer
Bonjour à tous !
J'ai un formulaire que j'insere , et que je n'arrive pas à supprimer , voici mon code

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
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
      <head>
            <title>Bienvenue sur mon site !</title>
            <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
                                <style type="text/css">
                                body
                                {
                                                  background-color: #8fc3cb;
                                                  padding-left: 30%;
                                }
 
                                fieldset
                                {
                                                  border: none;
                                }
 
                                #testbox
                                {
                                                  border: thin dotted black;
                                                  position: absolute;
                                                  top: 10%;
                                                  left: 30%;
                                                  width: 300px;
                                                  height: 202px;
                                }
 
                                .javascript
                                {
                                                  position: absolute;
                                                  top: 50%;
                                                  left: 30%;
                                                  width: 300px;
                                                  text-align: center;
                                }
                                </style>
                                <script language="javascript">
<!--
                                        function add()
                                        {
                                                var nbrInput = document.getElementsByTagName("input");
                                                var nbr = nbrInput.length;
                                                var lien = document.getElementById("zone_text");
                                                var input = document.createElement("input");
 
                                                input.setAttribute("type","text");
                                                input.setAttribute("class","lien");
 
                                                var saut = document.createElement("br");
                                                var supprimer = document.createElement("a");
                                                var supp = document.createTextNode("Supprimer");
 
                                                supprimer.appendChild(supp);
                                                supprimer.setAttribute("href","#");
                                                supprimer.setAttribute("id",nbr);
 
                                                if(document.all) supprimer.attachEvent("onClick",del);
                                                else supprimer.addEventListener("click",del,true);
 
                                                lien.appendChild(input);
                                                lien.appendChild(supprimer);
                                                lien.appendChild(saut);
                                        }
                                        function del(event)
                                        {
                                                var node = document.getElementById("input");
                                                var parent = node.parentNode;
                                                parent.removeChild(node);
 
                                                var node = document.getElementById("a");
                                                var parent = node.parentNode;
                                                parent.removeChild(node);
                                        }
                                        //-->
 
        </script>
      </head>
      <body>
             <p id="testbox">If you see information appearing in the current box when you click in a text field javascript is enabled on your computer</p>
                <div class="javascript">
                        <form method="post">
                                <fieldset id="zone_text">
                                        <p class="lien" onClick="javascript:add()">Ajouter un champ texte</p><br />
                                </fieldset>
                        </form>
                </p>
                <script type="text/javascript">
 
                </script>
      </body>
</html>

*

En fait j'ai un probleme avec la fonction del();
Je voudrais qu'elle est comme argument le numéro( en fait l'id) du input à supprimer.
Comme j'associe les evenements Javascript dynamiquement , je n'arrive pas à mettre l'id en parametre de cette fonction !
Merci !

**ETI-trian** · 29/03/2006, 19h27

aucnue idée ?

**javatwister** · 29/03/2006, 20h23

à vue de nez, tu invoques un id "input" dans del() alors que tu ne l'as jamais déclaré;
par ailleurs, ton paramètre event n'est pas utilisé dans la fonction del();

conseil: choisis aussi des noms de variables qui ne soient pas des mots clés en javascript:

**ETI-trian** · 29/03/2006, 20h49

Merci j'ai modifié le Javascript que voici :

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
					<!--
					function add()
					{
						var nbrInput = document.getElementsByTagName("input");
						var nbr = nbrInput.length;
						var lien = document.getElementById("zone_text");
						var input = document.createElement("input");
 
						input.setAttribute("type","text");
						input.setAttribute("class","lien");
 
						var saut = document.createElement("br");
						var supprimer = document.createElement("a");
						var supp = document.createTextNode("Supprimer");
 
						supprimer.appendChild(supp);
						supprimer.setAttribute("href","#");
						supprimer.setAttribute("id",nbr);
 
						if(document.all) supprimer.attachEvent("onClick",del);
						else supprimer.addEventListener("click",del,true);
 
						lien.appendChild(input);
						lien.appendChild(supprimer);
						lien.appendChild(saut);
					}
					function del(event)
					{
						var nbrInput = document.getElementsByTagName("input");
						var parent = nbrInput.parentNode;
						parent.removeChild(nbrInput);
					}
					//-->

Mais comment utiliser le event ?

[Javascript/Dhtml] Problemes avec la supression des formulai

JavaScript

Discussions similaires

Partager

Partager