Ajouter un événement à une div

Version imprimable

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:

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:

1 2 document.appendChild(ddiv);
mais Firefox me dit "node cannot be inserted at the specified point in the hierarchy". Pourquoi ?
Merci

07/09/2006, 19h21
FremyCompany

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,

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:

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 !