coordonné

**hunter** · 20/12/2004, 13h41

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

**hunter** · 20/12/2004, 13h59

enfait ce que je veux c'est avoir les coordonnées depuis le haut de la page ....

**SpaceFrog** · 20/12/2004, 14h04

mousepos + div.scrollTop

**hunter** · 20/12/2004, 14h08

merci c'est parfait ...

**hunter** · 20/12/2004, 14h15

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

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

**SpaceFrog** · 20/12/2004, 14h19

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

**hunter** · 20/12/2004, 14h39

oui oui ... je m'amuse comme j'ai rien a faire ....

Invité · 20/12/2004, 23h20

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.

coordonné

JavaScript

Discussions similaires

Partager

Partager