[DOM] attachEvent() ne fonctionne pas sous IE6

Version imprimable

Bonjour à tous,

Mon problème est dans le titre.

Code:

1
2
3
4
5
6
7
8
9
 
<input type="button" value="Bouton 1" id="Btn_1" onclick="test(event)"/>
 
 
function test(event){
	alert("test")
}
 
document.getElementById("Btn_1").attachEvent("onclick",test);

Quelqu'un pourrait m'aider ?

Merci.

19/03/2009, 16h54
Auteur

bonjour,

ne te casse pas la tête avec les attachEvent :mrgreen:

Code:

document.getElementById("Btn_1").onclick = function(){test()};

[edit]
Je n'ai pas vu que tu voulais transmettre à ta fonction l'objet event :aie:. Là c'est plus subtil cf. cette discussion :
http://www.developpez.net/forums/d66...es-this-event/
[/edit]
19/03/2009, 17h05
Bovino

Ben...

Code:

document.getElementById("Btn_1").onclick = function(e){test(e)};

tout simplement ?

Aucun succés avec:

Code:

1
2
3
4
5
6
7
8
 
document.getElementById("Btn_1").onclick = function(event){test(event)};
 
document.getElementById("Btn_1").onclick = function(){test()};
 
document.getElementById("Btn_1").onclick = function(){alert("test")};
 
document.getElementById("Btn_1").onclick = function(event){alert("test")};

:cry:

19/03/2009, 17h17
Auteur

1- tu as lu mon lien ?

2- ton document.getElementById(), tu l'appelles quand ? Dans le header lors du onload de la page ou à la fin de ton document ? Tu ne peux pas faire de document.getElementById() tant que l'objet ciblé n'a pas été instancié (la fonction retourne null dans ce cas).

Ben si :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Test</title>
<script type="text/javascript">
<!--// [CDATA[ 
        window.onload = function(){
                document.getElementById("Btn_1").onclick  = function(e){test(e)};
        }
        function test(event){
                alert("test : " + event)
        }
// ]] -->
</script> 
</head>
<body>
<div>
	<input type="button" value="Bouton 1" id="Btn_1" />
</div>
</body>
</html>

Fonctionne très bien sur IE6 (sauf bien sûr que event est undefined).
Le problème reste de savoir où tu déclares le gestionnaire d'événement...

Oui j'ai lu ton lien, je n'ai pas tout compris:

Code:

1
2
 
function() {move(...)}

Je l'appel dans un onload en effet.

Je viens de refaire un test avec "attachEvent()".
Il ne fonctionne que lorsque je clique sur mon bouton et il m'affiche 2 "alert".
:roll:

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
26
 
<html><!--  xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr" -->
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
	<script type="text/javascript">
		function test(e){
			alert(e.srcElement.id)
			//alert("test")
		}
 
 
		function load(){
 
			//document.getElementById("btn").onclick = function(e){test(e)};
 
			document.getElementById("btn").attachEvent("onclick",test);
		}
	</script>
	<title>Web Magasin</title>
</head>
<body onload="load()">
 
	<input type="button" value="test" id="btn" onclick="test(event)"/>
 
</body>
</html>

19/03/2009, 17h29
Bovino

Citation:

Je viens de refaire un test avec "attachEvent()".
Il ne fonctionne que lorsque je clique sur mon bouton et il m'affiche 2 "alert".

Ca, c'est normal, quand tu cliques, tu déclenches le attachEvent puis le onclick (celui de l'input) ;)
19/03/2009, 17h29
mickael28

OK autant pour moi.

attachEvent() ou onclick affect un événement a une balise.
Moi je croyais que ça remplaçait l'action de l'utilisateur.

Comment puis-je faire alors pour cela?
19/03/2009, 17h33
Bovino

Ben dans le code que je t'ai mis plus haut, l'événement onclick est affecté au bouton lorsque le input est inséré dans le
DOM puis remplacé par le onclick déclaré dans le window.onload puisque celui-ci est exécuté après.
Il y a donc remplacement, pas ajout !
19/03/2009, 17h42
mickael28

Ca d'accord.

Mais ce que je cherche c'est que ce soit javascript qui face un "onclick" sur ce bouton.
Comme si c'était l'utilisateur.
19/03/2009, 17h44
Bovino

Ah !!! Forcément, quand tu le dis, on comprend mieux :aie:

Code:

document.getElementById("Btn_1").click();
20/03/2009, 08h45
mickael28

Désolé, mais j'avais mal compris l'utilisation de "attachEvent()".:lol:

En tout cas pour le ".click()" ça fonctionne.

Merci à vous deux pour votre aide.

:king:
20/03/2009, 08h57
SpaceFrog

j'ai toujours eu un doute sur le coté crossbrowser de cette manoeuvre
.onclik() ou .click()

par securité je préfère externaliser la fonction du onclick ce qui permet de l'appeler indépendamment