+- JeuWeb - Crée ton jeu par navigateur (https://jeuweb.org)
+-- Forum : Discussions, Aide, Ressources... (https://jeuweb.org/forumdisplay.php?fid=38)
+--- Forum : Programmation, infrastructure (https://jeuweb.org/forumdisplay.php?fid=51)
+--- Sujet : Coordonnée par rappot à une div (/showthread.php?tid=5129)
Coordonnée par rappot à une div - Jabberwock - 30-08-2010
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.
Citation :
$('#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 ?
RE: Coordonnée par rappot à une div - Ter Rowan - 30-08-2010
ç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
RE: Coordonnée par rappot à une div - gameprog2 - 30-08-2010
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
RE: Coordonnée par rappot à une div - Jabberwock - 30-08-2010
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().
Citation : $('#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-525303-p1-calculer-la-position-x-et-y-du-centre-d-un-div.html