coordonné

Version imprimable

20/12/2004, 13h41
hunter

coordonné

Bonjour
j'ai un petit prob avec les coordonnés de la souris .... j'ai pris l'exemple de la faq (ici)
et mon probleme est que lorsque je bouge dans la page avec la molette de la souris les coordonné son totalement éronné depuis le haut de la page, depuis le coin du navigateur c'est juste comment faire pour rémédier a ça ...

merci
20/12/2004, 13h59
hunter

enfait ce que je veux c'est avoir les coordonnées depuis le haut de la page ....
20/12/2004, 14h04
SpaceFrog

mousepos + div.scrollTop
20/12/2004, 14h08
hunter

merci c'est parfait ...

pour seul qui veulent voici un code qui permet de mettre une légende sur un image de quelque ligne :

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
35
36
37
38
<html>
<head>
<title>Document sans titre</title>
<style>
#alt {
	position:absolute;
	background:#FF0000;
	display:none;
	color:#FFFFFF;
	height:50px;
	width:80px;
}
</style>
<script language="JavaScript" type="text/javascript">
 
function affiche() {
	obj = document.getElementById("alt");
	obj.innerHTML = "Hello";
	obj.style.display = "block";
}
function efface() {
	obj = document.getElementById("alt");
	obj.style.display = "none";
}
function bouge() {
	obj = document.getElementById("alt");
	x = event.x ;
	y = event.y + document.body.scrollTop ;
	obj.style.top = y+"px";
	obj.style.left = x+"px";
}
</script>
</head>
<body>
<div id="alt">Salut</div>
<img src="image.jpg" onMouseOver="affiche()" onMouseOut="efface()" onMouseMove="bouge()"/>
</body>
</html>

tout simple mais pratique :P

20/12/2004, 14h19
SpaceFrog

LOL tu nous à réinventé l'infobulle !!
il te reste à prévoir le cas ou l'image se trouve à droite de l'écran ...

:wink:
20/12/2004, 14h39
hunter

oui oui ... je m'amuse comme j'ai rien a faire .... :D
20/12/2004, 23h20
Invité

attention quand même, les attributs x et y de l'objet event ne sont pas normalisés ;-)

Utilise plutôt les attributs clientX et clientY qui sont présents dans le DOM events du W3C.