document.getElementById("hidden" + NumDiv) is null

Bonjour,

J'ai un léger problème avec une fonction JavaScript :

Code:

---

1 2 3 4 5 6 7 8

function ChangeEtat (NumDiv) { if (document.getElementById('hidden'+NumDiv).value == 1) { document.getElementById('hidden'+NumDiv).value = 2; alert('Le champ hidden passe de 1 à 2 :'+document.getElementById('hidden'+NumDiv).value); } }

---

Quand je l'exécute j'obtiens bien le message suivant :

Citation:

---

Le champ hidden passe de 1 à 2 :2

---

Mais lorsque je reexécute la fonction, j'ai l'erreur FireBug suivante :

Citation:

---

document.getElementById("hidden" + NumDiv) is null
[Break on this error] if (document.getElementById('hidden'+NumDiv).value == 1)

---

Merci

Essaye de faire ceci avant l'erreur qu'il t'indique, car tu as peut-être un hiddenNumDiv qui n'existe pas :

Code:

---

1 2 3 4

if (document.getElementById('hidden'+NumDiv) { ... }

---

Code:

---

1 2 3 4

if (document.getElementById('hidden'+NumDiv).value == 1) { alert(document.getElementById('hidden'+NumDiv).value); }

---

J'ai beau cliquer 10 fois, j'obtient toujours la valeur 1 (déclarée dans le body par

Citation:

---

<input id="hidden1" type="hidden" value="1" />

---

)

//-

Code:

---

1 2 3 4 5

if (document.getElementById('hidden'+NumDiv)) { document.getElementById('hidden'+NumDiv).value = 2; alert('Le champ hidden passe de 1 à 2 :'+document.getElementById('hidden'+NumDiv).value); }

---

Là il me retourne toujours

Citation:

---

Le champ hidden passe de 1 à 2: 2

---

Comme ceçi :

Code:

---

<div id="flag1" onclick="ChangeEtat('1');"><input id="hidden1" type="hidden" value="1" /><img ... ></div>

---

Et tu as toujours l'erreur JS de firebug avec ce que je t'ai donné ?

Citation:

---

Envoyé par scourjean

Et tu as toujours l'erreur JS de firebug avec ce que je t'ai donné ?

---

Non, à chaque clique j'ai ma fenêtre alert qui m'affiche le message sans erreur firebug.

Et où est le problème donc car tu disais :

Citation:

---

Bonjour,

J'ai un léger problème avec une fonction JavaScript :

Code :
function ChangeEtat (NumDiv)
{
if (document.getElementById('hidden'+NumDiv).value == 1)
{
document.getElementById('hidden'+NumDiv).value = 2;
alert('Le champ hidden passe de 1 à 2 :'+document.getElementById('hidden'+NumDiv).value);
}
}
Quand je l'exécute j'obtiens bien le message suivant :

Citation:
Le champ hidden passe de 1 à 2 :2
Mais lorsque je reexécute la fonction, j'ai l'erreur FireBug suivante :

Citation:
document.getElementById("hidden" + NumDiv) is null
[Break on this error] if (document.getElementById('hidden'+NumDiv).value == 1)
Merci

---

Je ne sais pas trop ce qu'il plante, je sais juste que lorsque je clique une fois il m'affiche le bon message alert(), et quand je clique une seconde fois (donc quand document.getElementById('hidden'+NumDiv).value est redéfini), j'ai le message d'erreur FireBug qui me dit que la valeur de document.getElementById('hidden'+NumDiv).value est NULL.

Code:

---

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

function ChangeEtat (NumDiv) { if (document.getElementById('hidden'+NumDiv).value == 1) { alert('Le champ hidden passe de 1 à 2 :'+document.getElementById('hidden'+NumDiv).value); document.getElementById('hidden'+NumDiv).value = 0; $('#flag'+NumDiv).html('<img src="img/ico_flag.png" width="15" height="15" />'); } else { document.getElementById('hidden'+NumDiv).value = 1; document.getElementById('flag'+NumDiv).style.visibility = 'visible'; $('#flag'+NumDiv).html('<img src="img/flag_red.gif" width="15" height="15" />'); } }

---

Hum pardon je sais pourquoi maintenant que tu as donné le code complet JS :

Code:

---

$('#flag'+NumDiv).html('<img src="img/ico_flag.png" width="15" height="15" />');

---

Cette ligne écrase ton champ input il faut que le mette en dehors du div flag

Ah oué pas faux ... :oops: