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

Ca donne toujours la valeur max du i n'importe ou

je sais du coup vraiment pas quoi faire

Fabouney · 30/07/2007, 11h21

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

Code :

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

eachDiv[i]

en

Code :

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

eachDiv[index]

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

Code :

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

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

tu penses que le fait de passer par index placera sur chaque div une valeur precise? car malheureusement ca donne toujours le meme resultat

Tu penses qu'il est possible de le faire?

**SpaceFrog** · 30/07/2007, 11h39

Code :

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

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

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

C'est juste que je savais pas trop ou chercher

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

Merci

Setattribute

JavaScript

Discussions similaires

Partager

Partager