Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

[IE] Position pointeur par rapport à la page

7 réponses
Avatar
ASM
Salutatous,

Qui me dira comment on récupère la position du pointeur
par rapport à la page (et non par rapport à la fenêtre)

avec NC et Mozilla on a : pageX pageY

mais pour : IE ?

et les autres ?



--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

7 réponses

Avatar
ecm06
"ASM" a écrit dans le message de news:

Salutatous,

Qui me dira comment on récupère la position du pointeur
par rapport à la page (et non par rapport à la fenêtre)

avec NC et Mozilla on a : pageX pageY

mais pour : IE ?

clientX et clientY peut être ?


@++,
Thierry Loiseau

Avatar
ASM

"ASM" a écrit dans le message de news:

Salutatous,

Qui me dira comment on récupère la position du pointeur
par rapport à la page (et non par rapport à la fenêtre)

avec NC et Mozilla on a : pageX pageY

mais pour : IE ?

clientX et clientY peut être ?



Je crois avoir essayé mais ...
ou je n'ai pas fait ce qu'il fallait
ou ils réagissent comme offsettX offsettY
c a d qu'ils se repèrent / coin haut gauche de fenetre d'affichage
(et tant pis si on a scrollé la page)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************


Avatar
Jean-Fabrice RABAUTE
ASM wrote:

"ASM" a écrit dans le message de news:


Salutatous,

Qui me dira comment on récupère la position du pointeur
par rapport à la page (et non par rapport à la fenêtre)

avec NC et Mozilla on a : pageX pageY

mais pour : IE ?



clientX et clientY peut être ?



Je crois avoir essayé mais ...
ou je n'ai pas fait ce qu'il fallait
ou ils réagissent comme offsettX offsettY
c a d qu'ils se repèrent / coin haut gauche de fenetre d'affichage
(et tant pis si on a scrollé la page)



Tu peux utiliser clientX/clientY et ajouter les valeurs de scrollLeft et
scrollRight pour avoir la position par rapport au haut de ta page :

alert(document.body.scrollLeft);
alert(document.body.scrollTop);

plus d'infos :

http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/clientx.asp

http://msdn.microsoft.com/library/default.asp?url=/workshop/author/om/measuring.asp

--
Regards / Cordialement

=================== Jean-Fabrice Rabaute
CORE SERVICES :: Software/Web development & Consulting services

http://www.debugbar.com : The most advanced WEB development tool for
Internet Explorer
http://www.core-services.fr - {Enjoy the future today}



Avatar
Etienne SOBOLE
Effectivement comme l'a dit Jean-Fabrice

pX = (Ws_bNS) ? e.pageX : (event.clientX +
document.documentElement.scrollLeft);
pY = (Ws_bNS) ? e.pageY : (event.clientY +
document.documentElement.scrollTop);

fonctionne
avec Ws_bNS a true si on est sous firefox, mais bon tu l'avais compris ;)

a+
Etienne

"ASM" a écrit dans le message de news:


"ASM" a écrit dans le message de
news:

Salutatous,

Qui me dira comment on récupère la position du pointeur
par rapport à la page (et non par rapport à la fenêtre)

avec NC et Mozilla on a : pageX pageY

mais pour : IE ?

clientX et clientY peut être ?



Je crois avoir essayé mais ...
ou je n'ai pas fait ce qu'il fallait
ou ils réagissent comme offsettX offsettY
c a d qu'ils se repèrent / coin haut gauche de fenetre d'affichage
(et tant pis si on a scrollé la page)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************




Avatar
ASM

Effectivement comme l'a dit Jean-Fabrice


Merci ! Merci !

paske depuis le temps que je rame sur tous ces client et offset X Y
qui réagissent différemment suivant positionnement (absolute/relative)
et suivant version d'IE pour même positionnement à ce qu'on me dit ici :
http://fr.selfhtml.org/javascript/objets/event.htm
(et encore on n'y parle que de IE Win ...)

donc au final et qui semble convenir (au pixel près):

function Coords(e) {
posx = (e.pageX)? e.pageX : e.clientX + document.body.scrollLeft;
posy = (e.pageY)? e.pageY : e.clientY + document.body.scrollTop;
window.status=" X = " +posx+" Y = "+posy;
}

<img src="truc.jpg" onmousemove="Coords(event);" blabla />

et les autres navigateurs (safaresques, konkeresques, operesques ...)
ils comprennent
pageX ?
ou, à défaut, arrivent à interpréter
e.clientX + document.body.scrollLeft ?

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************

Avatar
loiseauthierry
ASM wrote:

et les autres navigateurs (safaresques, konkeresques, operesques ...)
ils comprennent
pageX ?
ou, à défaut, arrivent à interpréter
e.clientX + document.body.scrollLeft ?


Tu as un exemple en ligne que je teste avec Safari, IE et FF ?

@++,
Thierry
--
* * __*__ *
* * * -----oOOo---°O°---oOOo------- * *
http://astrophoto.free.fr *
* * -------- oOOo oOOo ---------- *

Avatar
ASM

ASM wrote:

et les autres navigateurs (safaresques, konkeresques, operesques ...)
ils comprennent
pageX ?
ou, à défaut, arrivent à interpréter
e.clientX + document.body.scrollLeft ?


Tu as un exemple en ligne que je teste avec Safari, IE et FF ?


L'exemple qui fonctionne (enfin !) aussi avec mon IE
est ici ( 11ko y.c. img css et js):
http://gourgas.net.free.fr/truc/tr/test3.htm

Divers tests y sont à effectuer
(zoom sur un float en overflow qui le force à se déplacer)

--
*******************************************************
Stéphane MORIAUX et son vieux Mac
Aide Pages Perso (images & couleurs, formulaire, CHP)
http://perso.wanadoo.fr/stephane.moriaux/internet/
*******************************************************