Création "div" ou se trouve la souris

Version imprimable

28/01/2005, 08h58
PrinceMaster77

Création "div" ou se trouve la souris

Je voudrais créer une balise div sur une liste de lien de ma page Web mais pour cela je voudrais connaitre le possitionnement de mon curseur pour affichier le div. Voici mon code qui ne fonctionne pas du au var MaxX et MaxY qu'il ne parvient pas à calculer.

Citation:

<script language=javascript1.2>
if (navigator.userAgent.indexOf("MSIE 5.5") >= 0){
maxX = document.body.scrollLeft + document.body.clientWidth;
maxY = document.body.scrollTop + document.body.clientHeight;
}else if (navigator.userAgent.indexOf("MSIE 6") >= 0){
maxX = document.body.scrollLeft + document.body.clientWidth;
maxY = document.body.scrollTop + document.body.clientHeight;
}else{
maxX = window.innerWidth;
maxY = window.innerHeight;
}

if (document.layers) {
document.write('<layer id="def2" bgcolor=#FFF3CC width=230 top=167 left=20 visibility=hide>')
}else{
document.write('<div id="def2" style="position:absolute; background:#FFF3CC;width:230; top:'+MaxX+'; left:'+MaxY+'; visibility:hidden;">')
}
</script>

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
32
33
34
<HTML> 
<HEAD> 
 
<SCRIPT LANGUAGE="JavaScript"><!-- 
if (navigator.appName == 'Netscape') { 
document.captureEvents(Event.MOUSEMOVE); 
document.onmousemove = netscapeMouseMove; 
} 
 
function netscapeMouseMove(e) { 
if (e.screenX != document.test.x.value && e.screenY != document.test.y.value) { 
document.test.x.value = e.screenX; 
document.test.y.value = e.screenY; 
} 
} 
 
function microsoftMouseMove() { 
if (window.event.x != document.test.x.value && window.event.y != document.test.y.value) { 
document.test.x.value = window.event.x; 
document.test.y.value = window.event.y; 
} 
} 
//--></SCRIPT> 
 
</HEAD> 
 
<BODY onmousemove="microsoftMouseMove()"> <!-- onmousedown="microsoftMouseMove()" onmouseup="microsoftMouseMove()" --> 
 
<FORM NAME="test"> 
X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> Y: <INPUT TYPUE="TEXT" NAME="y" SIZE="4"> 
</FORM> 
 
</BODY> 
</HTML>

28/01/2005, 22h14
Invité

:salut:

en fait tu voudrais faire une sorte d'info-bulle ?