champ ajouté par innerHTML undefined sous firefox

[frboyer]

Bonjour,
j'ai un petit problème sur un formulaire dynamique qui se pose sous firefox et non sous internet explorer.
Je vous passe les détails mais j'ai une liste déroulante que je crée dynamiquement suivant le choix dans une autre liste :

Code :

1
2
3
4
5
6
 
<select id="forme" name="forme" onChange='remplir(this.form)' >
					<option value="-">-- Shape of the pool --</option>
					<option value="rectangulaire">Rectangular</option>
					<option value="special" >Special shape</option>
				</select>

voilà la liste qui permet de créer l'autre et voilà un bout de la fonction appelée qui le fait :

Code :

1
2
3
4
5
 
function remplir(form)
{
document.getElementById("cryptage2").innerHTML ='<select id="sorte" name="sorte" onChange="remplirSpecial(form);" ><option value="-">-- Sort of special shape --</option></select>';
}

cette instruction se fait suivant certains tests mais peu importe.
Je veux ensuite appeler la fonction remplirSpecial à la sélecction d'une option dans cette liste et il apparait que la liste déroulante n'existe pas(sous firefox).
dans la fonction ou dans une autre n'importe où une fois la liste déroulante créee, en faisant un simple

Code :

i = form.sorte.selectedIndex;

j'ai l'erreur forme.sorte undefined.

merci de votre aide

[frboyer]

J'ai remarqué qu'avec document.getElementById('sorte') existe et je peux le manipuler mais il n'apparait pas dans le formulaire alors que ma div est bien dedans.

Donc le problème perdure puisque les champs créés dynamiquement comme ci dessus ne sont pas dans le formulaire pour firefox. sous IE aucun problème je récupère ensuite mes $_POST et tous les index sont définis

[RomainVALERI]

As-tu pensé à inspecter le DOM pour voir ton élément "sorte" et ses propriétés ?

Ca peut lever des doutes. ^^

(Quoi qu'il en soit, ce n'est pas pour dire du mal d'innerHTML mais bon... je remarque qu'avec les méthodes DOM de création/manipulation des éléments on est quand même moins emm**** )

[Bovino]

Code :

onChange="remplirSpecial(form);"

j'ai l'erreur forme.sorte undefined

Normal, la variable form passée en paramètre de l'appel de la fonction est effectivement inconnue...
Réfère toi à la ligne que tu as écrite juste avant :

Code :

onChange='remplir(this.form)'

[Auteur]

bonjour,

2 choses :
- la première évite innerHTML pour insérer des nouveaux éléments dans ta page utilise plutôt le DOM :
voilà un exemple http://javascript.developpez.com/tut...=page_5#LV-B-2

- la seconde est qu'il est conseillé d'écrire dans le code HTML les événements en minuscules (onchange plutôt que onChange)

[frboyer]

Merci pour vos réponses.
J'ai simplement fait une belle anerie en fermant la balise form avant une div,une mauvaise imbrication en gros.

Mais je vais prendre vos conseils en considération et refaire tout ça sans le innerHTML.