Setattribute

Version imprimable

Setattribute

Bonjour a tous tout d'abord :P

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:

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 !!! :king:

Salut,

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

Code:

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:

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.

30/07/2007, 10h49
jypees

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 ? :oops:
30/07/2007, 11h07
Fabouney

Essai de rajouter dans ta boucle for ca :

Code:

var index = i;

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

Dis moi quoi.

Code:

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

Ca donne toujours la valeur max du i n'importe ou :( je sais du coup vraiment pas quoi faire :oops:

30/07/2007, 11h21
Fabouney

merde désolé, j'ai oublié de te dire de changer aussi :

Code:

eachDiv[i]

en

Code:

eachDiv[index]

:)

Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 function assignFct() { eachDiv = document.body.getElementsByTagName("div"); for (i = 0; i < eachDiv.length; i++) { var index = i; if (eachDiv[index].addEventListener) eachDiv[index].addEventListener('click', function(){alert(index)}, false); else if (eachDiv[index].attachEvent) eachDiv[index].attachEvent('onclick', function(){alert(index)}); } }
Toujours le meme probleme :oops: tu penses que le fait de passer par index placera sur chaque div une valeur precise? car malheureusement ca donne toujours le meme resultat 8O Tu penses qu'il est possible de le faire?

Code:

1
2
3
4
5
6
7
8
9
function	assignFct()
{
	eachDiv	= document.body.getElementsByTagName("div");
	for (i = 0; i < eachDiv.length; i++)
	{
		eachDiv[index].indice=i;
                eachDiv[index].onclick=function(){alert(this.indice)};
	}
}

c'est dasn la FAQ ou dans les contributions ...

30/07/2007, 11h44
jypees

C'est juste que je savais pas trop ou chercher :oops: Mais en tout cas merci beaucoup !!! j'avais vraiment pas pensé a cette methode mais maintenant que je l'ai pigé je vais l'utiliser a tout bout de champ :king:
Merci :D