Ajout/Suppression dynamique de champs
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 :
Code:
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";
}
} |
Et la partie html l'utilisant :
Code:
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> |
Pouvez-vous me donner un petit coup de main ?
Merci d'avance ;)
