Probleme de variable globale ?

Version imprimable

Salut à tous,

Voila mon but est de faire de menus déroulants liés entre eux...Alors comme je suis un brave garçon j'ai d'abord fait une recherche ici avant de poster ^^ et j'ai donc trouvé ce code qui est exactement ce qu'il me faut...

SAUF QUE... (évidemment hein :mrgreen: )

dans mon cas les tableaux sont alloués dynamiquement. Donc bon je fais les modifs nécessaires.

Au début de mon script j'ai
Code:

1 2 3 var DevType = new Array(); var Obj = new Array();
qui sont mes tableaux contenus dans les 2 menus (l'équivalent de pays et ville dans l'exemple)
Puis dans une fonction de chargement des menus je mets
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 function fctLoadDat() { DevType[0] = new Array("t0", "Account"); DevType[1] = new Array("t0", "Product"); DevType[2] = new Array("t0", "Project"); DevType[3] = new Array("t0", "Other"); . . . if (Nb != 0) for (i=1 ; i<=Nb ; i++) { newCpy = "ma super valeur dynamique" ArrayCpy[i-1] = new Array(); ArrayCpy[i-1][0] = newCpy; ind = "t0o"+i; Obj["t0"][i-1] = new Array(ind,newCpy);
à ce moment la mon Obj contient exactement ce qu'il faut, mais des que j'arrive dans la partie HTML qui elle ne change pour ainsi dire pas :
Code:

1 2 3 4 5 6 7 8 <select name="ListDevType" onChange='javascript:filltheselect(this.name, this.value)'> <script language="javascript"> alert(DevType); for (i=0; i<DevType.length; i++) document.write("<option value=\"" +DevType[i][0]+ "\">" +DevType[i][1]); </script> </select>
là on me dit que DevType n'existe pas, plus exactement que DevType[...].0 a la valeur null ou n'est pas un objet
Code:

1 2 3 4 5 6 7 8 <select name="ListObj" onChange='javascript:filltheselect(this.name, this.value)'> <script language="javascript"> alert(Obj["t0"]); for (i=0; i<Obj["t0"].length; i++) document.write("<option value=\"" +Obj["t0"][i][0]+ "\">" +Obj["t0"][i][1]); </script> </select>
et idem ici pour Obj["t0"].length

La je ne comprends pas...c'est parce que je ne suis plus dans le meme script ? il ne connait plus mes variables globales ? mais alors pourquoi ca marche dans l'exemple avec les tableaux statiques ? :(

Merci d'avance si vous avez une explication (et éventuellement une solution ^^)

09/05/2007, 11h05
titfab

Brackets

As-tu essayé de mettre des brackets ({ et }) autour de ton "for".
C'est + propre ;) !

<select name="ListDevType" onChange='javascript:filltheselect(this.name, this.value)'>
<script language="javascript">
alert(DevType);
for (i=0; i<DevType.length; i++){
document.write("<option value=\"" +DevType[i][0]+ "\">" +DevType[i][1]);
}
</script>
</select>
09/05/2007, 11h28
Auteur
bonjour,

trois remarques :
1. on ne peut pas dire que le document.write() soit le meilleur moyen pour créer une liste déroulante.... :?
2. Il manque la balise de fin des options. Syntaxe d'une liste :
  Code:
  
  1 2 3 4 5 <select size="1" id="combo"> <option selected="selected" value="">Option 1</option> <option value="">Option 2</option> </select>
3. d'après toi dans quel ordre sont exécuter les scripts ?
  1. fctLoadDat() est appelée avant le script contenu dans le select ?
  2. fctLoadDat() est appelée après le script contenu dans le select ?
09/05/2007, 11h35
nox75
titfab + Auteur :

ba niveau syntaxe j'ai repris tel quel le code que j'ai trouvé dans la FAQ ^^

J'ai ajouté les brackets et les balises de fin d'options c'est vrai que c'est plus propre :)

Auteur fctLoadDat est appelé onload donc avant filltheselect non ?
Code:

1 2 <BODY class="Dlg" onload="init()">
et init appelle fctLoadDat

Citation:

Auteur fctLoadDat est appelé onload donc avant filltheselect non ?

je ne faisais pas allusion à la fonction filltheselect()

onload est un événement qui se délcenche après le chargement complet de la page.
Voici la chronologie d'éxecution des scripts :
déclaration des objets (variables globales) :
Code:

1 2 3 var DevType = new Array(); var Obj = new Array();
chargement des objets contenus dans la page (tout ce qui est dans les balises body)
arrivée au select, exécution de ta boucle :
Code:

1 2 3 4 5 6 7 8 <select name="ListObj" onChange='javascript:filltheselect(this.name, this.value)'> <script language="javascript"> alert(Obj["t0"]); for (i=0; i<Obj["t0"].length; i++) document.write("<option value=\"" +Obj["t0"][i][0]+ "\">" +Obj["t0"][i][1]); </script> </select>
lorsque la page est chargée, l'événement onload se déclenche :
exécution de la fonction init()
exécution de la fonction fctLoadDat() et à partir de là exécution de ce code :
Code:

1 2 3 4 5 DevType[0] = new Array("t0", "Account"); DevType[1] = new Array("t0", "Product"); DevType[2] = new Array("t0", "Project"); DevType[3] = new Array("t0", "Other");
tu as vu l'erreur ? Ta boucle contenue dans le seclect est exécutée avant l'appel de fctLoadDat() donc à ce moment là ton objet DevType n'existe pas... ;)

Regarde bien l'initialisation des variables dans le code donné dans la FAQ : aucune n'est initialisée lors d'un onload ou dans une fonction.

09/05/2007, 12h08
nox75

d'accord !!! merci beaucoup !

du coup si j'alimente mes select à la fin de fctLoadDat ca devrait marcher !
j'en profiterai pour changer ces document.write et faire ca proprement :p

je vais essayer ça ^^

merci de ton aide !