Ajouter un événement à une div

**seb-oulba** · 07/09/2006, 19h10

Hello,
je crée dans ce code une div dans mon document, et j'aimerais qu'elle réagisse à un événement (genre onmouseover par exemple)
j'ai tenté ceci, sans succès :

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
27
28
29
30
31
 
<html>
<head>
 
<script type="text/javascript">
function f(){
 
var ddiv = document.createElement("div");
	ddiv.style.position = "absolute";
	ddiv.style.top = "100px";
	ddiv.style.left = "50px";
	ddiv.style.width = "400px";
	ddiv.style.height = "300px";
	ddiv.style.background = "red";
	ddiv.onmouseover = g();
 
	document.getElementById("test").appendChild(ddiv);
}
 
function g(){
	alert("appel");
 
}
 
</script>
</head>
<body>
	<input type="button" value="create div" id="but" onclick="f()"/>
	<div id="test"></div>
	</body>
</html>

ah autre petit prob aussi : j'ai voulu faire le appendChild au document :

Code :

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

1
2
 
document.appendChild(ddiv);

mais Firefox me dit "node cannot be inserted at the specified point in the hierarchy". Pourquoi ?
Merci

**FremyCompany** · 07/09/2006, 19h21

ben c'est simple...

CAS A:
typeof(g()) == "undefined" (pas de return) ==> l'event vaut undefined qui n'est pas une fonction : pas d'event
typeof(g) == "function" ==> event attribué à la fonction (eventHandler)

CAS B:
document.body.appendChild

Amicalement,

**seb-oulba** · 07/09/2006, 19h39

CAS A
ok merci !!!
à noter que j'ai encore enlevé les parenthèse lors de l'affectation de mon event handler pour que ça marche :

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
27
28
29
 
<html>
<head>
 
<script type="text/javascript">
function f(){
 
var ddiv = document.createElement("div");
	ddiv.style.position = "absolute";
	ddiv.style.top = "100px";
	ddiv.style.left = "50px";
	ddiv.style.width = "400px";
	ddiv.style.height = "300px";
	ddiv.style.background = "red";
	ddiv.onmousemove = g;
	document.body.appendChild(ddiv);
}
 
function g(){
	alert("appel");
	return;
}
 
</script>
</head>
<body>
	<input type="button" value="create div" id="but" onclick="f()"/>
</body>
</html>

CAS B -> merci !

Ajouter un événement à une div

JavaScript

Discussions similaires

Partager

Partager