[DOM] attachEvent() ne fonctionne pas sous IE6

**mickael28** · 19/03/2009, 16h44

Bonjour à tous,

Mon problème est dans le titre.

Code :

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

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.

**Auteur** · 19/03/2009, 16h54

bonjour,

ne te casse pas la tête avec les attachEvent

Code :

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

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

[edit]
Je n'ai pas vu que tu voulais transmettre à ta fonction l'objet event

. Là c'est plus subtil cf. cette discussion :
http://www.developpez.net/forums/d66...es-this-event/
[/edit]

**Bovino** · 19/03/2009, 17h05

Ben...

Code :

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

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

tout simplement ?

**mickael28** · 19/03/2009, 17h09

Aucun succés avec:

Code :

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

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

**Auteur** · 19/03/2009, 17h17

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

**Bovino** · 19/03/2009, 17h23

Ben si :

Code html :

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

**mickael28** · 19/03/2009, 17h25

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

Code :

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

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

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

**Bovino** · 19/03/2009, 17h29

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)

**mickael28** · 19/03/2009, 17h29

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?

**Bovino** · 19/03/2009, 17h33

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 !

**mickael28** · 19/03/2009, 17h42

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.

**Bovino** · 19/03/2009, 17h44

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

Code :

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

document.getElementById("Btn_1").click();

**mickael28** · 20/03/2009, 08h45

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

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

Merci à vous deux pour votre aide.

**SpaceFrog** · 20/03/2009, 08h57

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

[DOM] attachEvent() ne fonctionne pas sous IE6

JavaScript

Discussions similaires

Partager

Partager