Fonction et boucle for

Version imprimable

Bonjour,

je comprend pas pourquoi mon code ne focntionne pas. Sans la boucle for il fonctionne très bien. Cependant pour éviter d'écrire huit fois la même chose j'y met une boucle for avec un array pour chacun des bouton. L'alert a la fin quel que soit le numéro (1 à 8) me retourne object HTMLDivElement, ce qui prouve que les div sont bien enregistrée dans l'array. Je me demande donc si il y a un soucis à faire appel à une fonction externe à la boucle ?
Code:

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 // Compatibilité du oncmouseover sur les différents browser function addEventSimple(obj,evt,fn){ if (obj.addEventListener) obj.addEventListener(evt,fn,false); else if (obj.attachEvent) obj.attachEvent('on'+evt,fn); } if(document.getElementById('acm_bouton_1')!==null) { var bouton = new Array(); for(i=1;i<=8;i++) { bouton[i] = document.getElementById('acm_bouton_'+i); addEventSimple(bouton[i], 'mouseover', function() { bouton[i].style.backgroundImage = "url(bouton/bouton_top_m_hover.png)"; } ); addEventSimple(bouton[i], 'mouseout', function() { bouton[i].style.backgroundImage = "url(bouton/bouton_top_m.png)"; } ); } } alert(bouton[2]);
voilà, si qqun a une idée je suis tout ouïe

11/09/2012, 11h11
Bovino

Code:

bouton[i].style.backgroundImage = "url(bouton/bouton_top_m_hover.png)";

Demande toi juste quelle est la valeur de i lorsque ce bout de code est appelé ;)
11/09/2012, 18h46
helkøwsky

tout d’abord merci de ta réponse.

Cependant après avoir recherché une bonne partie de l'après-midi l'ordre d'execution en javascript, je dois dire que je n'ai rien trouvé de très concluant.
Selon ma logique (qui est certainement fausse puisque cela ne fonctionne pas) je dirais que l'appel est fait à chaque stade de i (probabilité a 99% d'être faux).

Par conséquent si il devait alors seulement se produire a la fin de la boucle for i serait égal à 9 dans mon cas et donc au moins la balise div avec l id 'acm_bouton9' devrait fonctionner correctement, or il n'en est rien.

Si tu as lien pour m'expliquer le déroulement des évènements je suis preneur.
11/09/2012, 18h53
NoSmoking

Bonjour,
:faq: Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?
11/09/2012, 18h54
helkøwsky

bon ben finalement la réponse était pas très loin.

http://www.developpez.net/forums/d12...ucle-fonction/

l'encapsulation.

merci.
11/09/2012, 18h55
helkøwsky

merci nosmoking j'ai trouvé la réponse en même temps. :)

voici le code qui fonctionne (j'ai préféré la solution du forum parce que je la comprend parfaitement comparé à l'autre )

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
		if(document.getElementById('acm_bouton_1')!==null)
		{
		var bouton = new Array();
			for(i=1;i<8;i++)
			{
				(function(j)
					{
						bouton[j] = document.getElementById('acm_bouton_'+j);
						addEventSimple(bouton[j], 'mouseover', function()
						{
							bouton[j].style.backgroundImage = "url(bouton/bouton_top_m_hover.png)";			
						}
						);
						addEventSimple(bouton[j], 'mouseout', function()
						{
							bouton[j].style.backgroundImage = "url(bouton/bouton_top_m.png)";			
						}
						);
					}
				)(i);
			}
		}