Discussion :

[helkøwsky]

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 :

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
 
		// 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

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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é

[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.

[NoSmoking]

Bonjour,
Comment attribuer à des objets un onclick faisant appel à une variable de boucle ?

[helkøwsky]

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

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

l'encapsulation.

merci.

[helkøwsky]

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

[helkøwsky]

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

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
 
		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);
			}
		}