port�e de variable javascript

**jiddou** · 10/11/2009, 22h44

Bonsoir les experts JS.
Je suis entrain de d�velopper une application en JEE mais j'ai eu un probl�me en javascript sur l'un de mes �crans.
j'ai une boucle javascript qui cr�e des liens hypertexts dynamiquement et donc pour chaque lien je d�finis la fonction onclick qui utilise le compteur de la boucle mais c'est l� ou le probl�me se pose.Quand je clique sur un des liens j'ai toujours la derni�re valeur du compteur.J'ai m�me essay� de mettre le compteur dans une variable interm�diaire mais �a ne passe pas.

Voici un exemple simple de mon probl�me.

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
<html>
<head>
<title>Page de Connexion à Sunshine Software</title>
</head>
 
<body>
<div id="deyine">
<script>
 
		var Ind_EtatFin = 0 ;
		for(Ind_EtatFin = 0; Ind_EtatFin < 6 ; Ind_EtatFin++){
 
			var documentRegle = document.createElement('a');
			documentRegle.title = "Documents à générer" ;
			documentRegle.href = "#";
			var l = Ind_EtatFin;
			documentRegle.onclick = function(){alert(l);};
 
			var D = document.createTextNode("D");
			documentRegle.appendChild(D);
			tdDL = document.getElementById('deyine');
			tdDL.appendChild(documentRegle);			
		}
</script>
</div>
</body>
</html>

vous pouvez l'ex�cuter et voir qu'apr�s clic sur chaque lien on a alert(5);

**emmanuel.remy** · 10/11/2009, 23h43

Salut,

Souci de port�e de closure, tu dois remplacer par exemple ainsi:

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
...
var l = Ind_EtatFin;
documentRegle.onclick = function(pL){return function(){alert(pL);};}(l);
...

car sinon JS garde un lien vers la variable l qui vaut donc 5 en sortie de boucle...

ERE

**kimjoa** · 10/11/2009, 23h48

les variables dont les fonctions on acc�s sont celles d�finit dans la fonction et de toutes les fonctions parentes, qui l'aurait d�clar�. Par exemple si je d�clare une fonction dans une autre, alors cette derni�re aura acc�s , aux variables d�clar� dans sa fonctions et au variable de la fonction qui la cr�e (r�cursivement ...), et le contexte globale window

Le contexte globale, fait aussi office de fonction main , dans ton exemple tu d�clares plusieurs fois une variable l toujours dans le m�me contexte d'ex�cution, et plusieurs m�thode qui lise la m�me variable l, donc c'est normale. Pour pallier le probl�me il faut ex�cute une fonction anonyme (en faite un contexte diff�rent) qui enregistre la valeur de l, puis de retourner la fonction devant utilis� l.

voil� ce que ca donne :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

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
 
<html>
<head>
<title>Page de Connexion à Sunshine Software</title>
</head>
 
<body>
<div id="deyine">
<script>
 
		var Ind_EtatFin = 0 ;
		for(Ind_EtatFin = 0; Ind_EtatFin < 6 ; Ind_EtatFin++){
 
			var documentRegle = document.createElement('a');
			documentRegle.title = "Documents à générer" ;
			documentRegle.href = "#";
			documentRegle.onclick = (function(){
                             var l = Ind_EtatFin;
                             return function(){
                                  alert(l);
                             }
                       })();
 
			var D = document.createTextNode("D");
			documentRegle.appendChild(D);
			tdDL = document.getElementById('deyine');
			tdDL.appendChild(documentRegle);			
		}
</script>
</div>
</body>
</html>

**Bovino** · 11/11/2009, 07h52

La r�ponse est dans la

: http://javascript.developpez.com/faq...lick.dynamique

**SpaceFrog** · 11/11/2009, 09h28

oui sans oublier qui tu est vraiment limite au niveau de l'insertion du script directement dans le body.
Javascript n'aime pas trop manipuler le document tant que celui ci n'est pas int�gralement instanci�...
Mieux vaudrait passer par une fonction sur le onload ou par un DOMready.
Mais ton souci vient en effet du probl�me soulev� dans la FAQ

**jiddou** · 11/11/2009, 11h11

Merci tout le monde. Vous avez tr�s bien r�pondu et expliqu� et c'est ce qui est logique. Je ne sais pas ou j'avais la t�te.

Merci SpaceFrog pour l'info mais ce n'est qu 'un exemple pour illustrer le probl�me. Ma jsp en question est loin de ressembler � �a.

Bovino Merci ,j'avais vu mais c'�tait pas la solution cherch�e car je sentait que mon probl�me venait d'une mauvaise compr�hension et je ne voulais pas le r�gler avec des astuces comme celles de la faq. D'ailleurs je propose d'y ajouter cette solution.

kimjoa , emmanuel.remy c'�tait clair et merci

port�e de variable javascript

JavaScript

Discussions similaires

Partager

Partager