probleme avec innerHTML

Salut a tous le monde ;)
j'ai un ptit script (java script) généré en php pour le formatage d'erreur l'ors de l'envoi d'un formulaire
le probleme c'est que aucun changement ne s'effectue malgré que le code semble correcte

Code:

---

1 2	document.getElementById("div_prenom").innerHTML='<strong>le champs <strong>prenom</strong> est obligatoire</strong>';

---

et la div avec l'id correspendant 'div_prenom' existe bien
Aider moi SVP c'est tres urgent:D

Bonjour,
si "aucun changement ne s'effectue", c'est que tu as une erreur JS ailleurs dans ta page.

A+

Merci E.Bzz ;
j'ai verifier qu'il n'y aucune erreur autre que celle si :
document.getElementById('div_prenom') has no properties
;)

Citation:

---

Envoyé par phpiste

document.getElementById('div_prenom') has no properties

---

:koi:
Donc la la div avec l'id correspendant 'div_prenom' n'existait pas "bien" ?

:?

A+

bonsoir,

en effet :koi:

Est-il possible de montrer un plus gros bout de code, au moins du js à la div??

en tout cas, étonnant le html que tu veux générer :roll:

Oui vous avez tous raison c'est un peut ambigue 8-)
en effet c'est une fonction php qui va generer un code java script pour un traitement d'erreur :aie:
chaque champs de mon formulaire possede une petite div a coté avec le suffix "div_" concateiné a chaque iteration de la boucle avec le nom du champs input correspondant bref voila la fonction php

Code:

---

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

function format_JS_error() { // $this->error_formated : cette variable contient un tableau à 2 dimension content l'erreur et le nom du champs input $count= count($this->error_formated); $JS='<script language="javascript" type="text/javascript">' ; for($i=0;$i<$count;$i++){   $libele = $this->error_formated[$i][0] ; $error = $this->error_formated[$i][1] ; $JS .="document.getElementById('div$libele').innerHTML='$error'" ; $JS .=' ; ' ; }   $JS.='</script>' ; return $JS ;   }

---

et voila le code js généré dans la page :

Code:

---

1 2 3 4 5 6 7

<script language="javascript" type="text/javascript"> document.getElementById('div_pass').innerHTML='Le mot de passe de confirmation de concorde pas avec votre mot de passe. Veuillez réessayer' ; document.getElementById('div_nom').innerHTML='le champs <strong>nom</strong> est obligatoire' ; document.getElementById('div_prenom').innerHTML='le champs <strong>prénom</strong> est obligatoire' ; document.getElementById('div_login').innerHTML='le champs <strong>login</strong> est obligatoire' ; document.getElementById('div_pass2').innerHTML='le champs <strong>Confirmation du password</strong> est obligatoire' ; document.getElementById('div_page_redirection').innerHTML='le champs <strong>Page de redirection</strong> est obligatoire' ; </script>

---

Cordialement :mrgreen:

Quand tu utilises la fonction getElementById(), il faut bien que quelque part dans ton document HTML il y ai un élément qui ai l'id que tu veux récupérer.

Sinon, tu as coups sûr un document.getElementById('div_prenom') has no properties car il n'existe pas d'élément avec l'id 'div_prenom'.

Donc pas de possibilité d'avoir l'attribut innerHTML.

En gros, il faut au moins que tu aies pour le div_prenom :

Code:

---

<div id="div_prenom"></div>

---

et ainsi de suite pour les autres calques.

Non non la div avec l'id 'div_prenom' existe déja !
le probleme que tous le code et le démarche semble correcte mais vraiment je me suis coinçé la :(
à+;)

Quand appels-tu tes getElementById?

Si tu les appels dans le head de ton document HTML la section body n'est pas encore créée et donc les calques n'existe pas.

Donc dans ce cas là. Soit tu appels ton script dans body onload="" ou alors à la fin de ta page html (soit à la fin du body, soit après </html>)

Alors la je vous remercie beacoups :king: :king:
et en particulier gKsam : ça marche parfaitement maintenant
un tres bon sens de débogage
à bientot :D! ;)