[DOM] Supprimer des champs text

Citation:

---

Envoyé par Auteur

comme ceci :

Code:

---

1 2	imag.onclick=function(){effacerchamp(ide)};

---

---

Il reste juste un petit problème avec l'argument passé à cette fonction

Regarde mon code php :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12

for($i=0;$i<$leslogs->length;$i++)   {   $str='logg'.$i; $str2='img'.$i;   $logiciel = stripslashes($leslogs->item($i)->nodeValue);   echo" <input type=\"text\" name=\"$str\" id=\"$i\" value=$logiciel /><img src=\"http://132.207.28.122/magnu/Admin/images/supprimer.gif\" onclick=\"effacerchamp($i)\" id=\"$str2\" /><br/>";   }

---

C'est ici que mes champs vont être ajoutés! la valeur ide que j'ai passé à la fonction ne semble pas bonne (en passant y a t'il un moyen pour afficher la veleur d'une variable en javascript,comme le echo en php ? ) Je n'arrive pas à debogguer mon code (pour savoir quelle est la valeur passé à la fonction effacerchamp, est ce que quelqu'un peut m'aider à debogguer svp? ou à trouver mon erreur (dans le cas ou elle est trop visible!)


Merci


...

Citation:

---

Envoyé par Auteur

comme ceci :

Code:

---

1 2	imag.onclick=function(){effacerchamp(ide)};

---

---

Salut,

L'appel ne se fait pas correctement, a chaque fois que clique sur l'icone (donc à chaque fois que la ligne imag.onclick=function(){effacerchamp(ide)}; est executé) j'obtien ce message d'erreur dans la console d'erreur de firefox :

Error: document.getElementById(id) has no properties
Source File: http://132.207.28.122/magnu/Admin/la...el&editlab.php
Line: 16

Je remet le code avec la ligne qui cause l'erreur en rouge :

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 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51

<script type="text/javascript"> var ide=0; function newid(idd) { ide=idd; } function effacerchamp(id) { document.getElementById(id).parentNode.removeChild(document.getElementById(id)); document.getElementById("img"+id).parentNode.removeChild(document.getElementById("img"+id)); } function ajouteInput() { var parent = document.getElementById("log");//conteneur var input = document.createElement("input");//le input var imag = document.createElement("img");//on ajoute un checkbox pour la suppression var br = document.createElement("br");//un retour à la ligne imag.src="http://132.207.28.122/magnu/Admin/images/supprimer.gif"; input.type= "text";//type de l'input input.id="logiciel"+ide; imag.onclick=function(){effacerchamp(ide)}; imag.id=ide; input.name = "logg"+ide; parent.appendChild(input); parent.appendChild(imag); parent.appendChild(br); ide++; } </script>

---

On dirait que l'argument n'arrive pas à la fonction effaceChamp, peut etre je dois le mettre en guillemets ? :roll:

ahh Ca me fatigue!


...

non rien ? :cry:

bon je vais googler peut etre que ce n'est pas comme ca qu'on apelle une fonction :(



...

Code:

---

1 2	imag.onclick=function(){effacerchamp(ide.toString())};

---

ide est un entier, et getElementById prend des chaines de caractères

yess j'ai trouvé l'erreur, un conflit entre la variable globale ide et celle locale! quand il voulais supprimer, il prenait la valeur qui est dans la variable globale, qui a deja été incrémenté, donc il essayait de supprimer un champs qui n'existai pas!


MErci tout le monde pour votre aide :)



...