Position de la sourie par rapport à la page

**Cyrilh7** · 05/05/2006, 16h38

Salut,
je cherche à récupérer la position de la sourie par rapport à la "page" et non par rapport à "l'espace client". Je m'explique, j'ai trouvé plusieurs script qui donne les coordonnées de la sourie par rapport à l'espace client:

Code :

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

1
2
3
4
5
6
7
8
9
10
//Position de la sourie------------------
var isIE = (navigator.userAgent.indexOf("MSIE")>-1)
if(isIE)
 {
    e.pageX = e.clientX+document.body.scrollLeft;
    e.pageY = e.clientY+document.body.scrollTop;
   }
var posX = e.pageX;
var posY = e.pageY;
alert("X"+posX+" Y"+posY);

Ce script ne tiens pas compte de l'assenseur(scroll), a savoir si je clique sur ma page avec l'assenceur tout en haut pas de problème le résultat est correct, mais si l'assenceur(scroll) est en bas alors la valeur retournée (posY) correspond à la coordonnée Y de l'espace client et non de la page (si je clique en haut de l'écran posY=1 alors que l'on se trouve en bas de la page, il devrait valoir par exemple 2000)

Une idée?
J'utilise ie6

**Auteur** · 05/05/2006, 19h25

bonjour,

un petit script d'info-bulle qui affiche les coordonnées de la souris dans le document et dans la fenêtre.
J'ai ajouté des <br> pour le scroll vertical et un paragraphe pour le scroll horizontal.
Fonctionne sous IE et Firefox, je ne l'ai pas testé sous d'autres navigateurs.

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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
 
<html>
<head>
    <title></title>
<style type="text/css">
#InfoMsg{
width: 200px;
height: 40px;
display: none;
position: absolute;
z-index : 1;
background-color: #F4F49C;
padding: 2px;
margin: 2px;
border-style: ridge;
border-width: 4px;
border-color: #F4F49C;
font-family: Arial;
font-size: 9pt;
}
 
#Pg{
width: 150%;
text-align: center; 
font-family: Arial; 
font-size: 12pt;
border-style: inset;
border-width: 3px;
border-color: #BBBBBB;
}
 
</style>
<script type="text/javascript">
 
function test(ev){
var Xdoc, Xfen, Ydoc, Yfen, htDiv, lgDiv, dX, dY;
 
var el=document.getElementById("InfoMsg");
 
//on affiche la boite de dialogue pour evaluer ses dimensions.
if (el.style.display!="inline")
     el.style.display="inline";
 
/*htDiv = el.clientHeight;
lgDiv = el.clientWidth;*/
 
htDiv = el.offsetHeight;
lgDiv = el.offsetWidth;
 
dY=10;
dX=10;
 
Xfen = ev.clientX;
Xdoc = Xfen + document.body.scrollLeft;
 
Yfen = ev.clientY;
Ydoc = Yfen + document.body.scrollTop;
 
el.innerHTML = " Xdoc= "+Xdoc+" px ; Ydoc= "+Ydoc+" px<br>";
el.innerHTML+= " Xfen= "+Xfen+" px ; Yfen= "+Yfen+" px";
 
if ((Xfen + lgDiv + dX) > document.body.clientWidth)
  el.style.left = document.body.clientWidth + document.body.scrollLeft - lgDiv;
else
    el.style.left = Xdoc + dX;
 
if ((Yfen + htDiv + dY) > document.body.clientHeight)
  el.style.top = document.body.clientHeight + document.body.scrollTop - htDiv
else
    el.style.top = Ydoc + dY;
 
}
 
</script>
</head>
 
<body onmousemove="test(event);">
 
<div id="InfoMsg">
</div>
<p id="Pg">- - - - - Mon texte - - - - -</p>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
 
</html>

Position de la sourie par rapport à la page

JavaScript

Discussions similaires

Partager

Partager