Coordonnée par rappot à une div

[Jabberwock]

Hé bonjours à tous.
J'ai un petit problème j'ai une div(700px, 385px)(fenetre_g) et je cherche à connaitre la position de la souris dans la div par rapport à la div.

$('#fenetre_g').mousemove(function(e){
x = e.pageX;
y = e.pageY;

$('#info_coo').html("X: " + x + " Y: " + y);
});

Ce code me donne les coordonnées par rapport au body et non à ma div #fenetre_g, et c'est le problème. J'ai cherché sur google pour récupérer la position de ma div pour soustraire mais les codes sont extrêmement long et surtout il date de 5ans en général... Y a t-il un moyen rapide ?

[Ter Rowan]

ça va pas être très utile ce que je vais te dire ^^

tu utilises un framework (vu l'histoire du $)

normalement le framework devrait te donner ces éléments (cherche plutôt par la que sur du code javascript générique)


typiquement j'avais obtenu ces éléments il y a 3-4 ans avec le couple prototype/scriptaculous qui proposait les méthodes que tu cherches (bon évidemment je m'en souviens plus...)

tu dois avoir la même chose en jquery (enfin j'espère pour ce framework) ^^

ça doit se baser sur une lecture récursive (si position relative) du css

[gameprog2]

Pourquoi tu ne peux pas la faire la soustraction de coordonnées entre la position globale et la position dans le div ?
Trouver la position du div et faire la différence avec la position souris c'est si long que ça ?


Tiens tu trouveras ton bonheur dans ce lien à condition que tu lise jusqu'en bas de la page

Astuce Div

[Jabberwock]

Gameprog2 j'avais vu et lu rapidement cet page et justement la fin ma rebuté, il dit que ce n'ait pas compatible IE.

Sinon j'ai trouvé ce que je cherchais, offset().

$('#fenetre_g').mousemove(function(e){
x = e.pageX - $('#fenetre_g').offset().left;
y = e.pageY - $('#fenetre_g').offset().top;
$('#info_coo').html("X: " + x + " Y: " + y);
});

Sa me donne ce que je cherchais nikel chrome pour Ie et FF.
Et la framework est bien jQuery =).

L'article qui m'a aidé au passage : http://www.siteduzero.com/forum-83-52530...n-div.html