Bonjour à tous,
Je créé un script permettant d'ajouter ou de supprimer des champs dynamiquement dans un formulaire.
Dans le cas de la suppression, le script recherche le champs (Noeud) via son nom (getAttribute()) et le supprime. Mais cela ne fonctionne pas, j'ai le message d'erreur suivant dans la console FireFox : Erreur : noeud.getAttribute is not a function
Voici mon script :
Et la partie html l'utilisant :
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 function switchConge(id) { var style = document.getElementById(id).className; if (style == "conge") { // Si case déjà validée en tant que congé // Recherche de l'élément à supprimer var noeud = document.getElementById("listeConges").firstChild; while(noeud != null) { if(noeud.getAttribute("name") == id) break; else noeud = noeud.nextSibling; } // Suppression de l'élément document.getElementById("listeConges").removeChild(noeud); document.getElementById(id).className = "nonConge"; } else { // Si case non validé en tant que congé // Préparation du nouvel élément var nouveauConge = document.createElement("input"); nouveauConge.name = id; //nouveauConge.type = "hidden"; nouveauConge.value = id; // Création du nouvel élément document.getElementById("listeConges").appendChild(nouveauConge); document.getElementById(id).className = "conge"; } }
Pouvez-vous me donner un petit coup de main ?
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7 <form id="listeConges"> <input type="submit" value="Valider" name="butValidation" /> </form> ... <td id="idTest" class="nonConge" onclick="switchConge('idTest')">04</td>
Merci d'avance
Partager