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