Setattribute

**jypees** · 30/07/2007, 10h29

Bonjour a tous tout d'abord

Voila je lutte sur un truc qui ne pose aucun probleme sur firefox mais qui sur ie ne fonctionne absolument pas.

Avant de vous expliquer la cause de mon probleme voici le code (assez court) :

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
 
<html>
    <head>
        <title>test javascript</title>
            <script language="javascript">
            function	assignFct()
            {
                eachDiv	= document.body.getElementsByTagName("div");
                for (i = 0; i < eachDiv.length; i++)
                {
                    eachDiv[i].setAttribute("onclick", "alert('" + i + "')");
                }
            }
            </script>
    </head>
    <body>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <span onclick="assignFct();">test</span>
    </body>
</html>

En faite sur firefox apres avoir cliqu� sur le span les fonctions sont bien assign�s sur chaque div avec la valeur du i (dans le for) mais pas sur ie :'(

Qelqu'un aurait une petite id�e car j'en aurais besoin pour assign� des valeurs sur chaque image dans un script de gallerie pour que lors de la generation chaque image est une valeur de click particuliere ! Voila

Je vous remercie par avance !!!

Fabouney · 30/07/2007, 10h43

Salut,

Pour ajouter un evenement dynamiquement � un element, il est pref�reable de passer par des fontions pr�vues � cet effet.

Code :

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

1
2
3
4
5
if (el.addEventListener){ //firefox
  el.addEventListener('click', modifieTexte, false);
} else if (el.attachEvent) { //IE
  el.attachEvent('onclick', modifieTexte);
}

dans ton code cela 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
<html>
    <head>
        <title>test javascript</title>
            <script language="javascript">
            function	assignFct()
            {
                eachDiv	= document.body.getElementsByTagName("div");
                for (i = 0; i < eachDiv.length; i++)
                {
                     if (eachDiv[i].addEventListener) //firefox
                        eachDiv[i].addEventListener('click', function(){alert(i)}, false);
                     else if (eachDiv[i].attachEvent) //IE
                        eachDiv[i].attachEvent('onclick', function(){alert(i)});
                }
            }
            </script>
    </head>
    <body>
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>4</div>
        <span onclick="assignFct();">test</span>
    </body>
</html>

Dans la fonction � la place de "alert(i)" tu mets ton traitement.

Cordialement.

**jypees** · 30/07/2007, 10h49

La methode est bonne le gros soucis c'est que la valeur du onclick vaut la derniere valeur du for :S Ce que je souhaite faire c'est lui donn� la valeur dynamiquement du i au moment de l'assignation. Je sais pas si tu vois ce que je veux dire ?

Fabouney · 30/07/2007, 11h07

Essai de rajouter dans ta boucle for ca :

Code :

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

var index = i;

et tu fait un alert de index dans la fonction et non pas de i, pour voir.

Dis moi quoi.

**jypees** · 30/07/2007, 11h15

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
 
function	assignFct()
{
	eachDiv	= document.body.getElementsByTagName("div");
	for (i = 0; i < eachDiv.length; i++)
	{
		var index = i;
		if (eachDiv[i].addEventListener) //firefox
			eachDiv[i].addEventListener('click', function(){alert(index)}, false);
		else if (eachDiv[i].attachEvent) //IE
			eachDiv[i].attachEvent('onclick', function(){alert(index)});
}