+- 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 : Obtenir les coordonnées de la souris sur une div en jQuery (/showthread.php?tid=5492)
Obtenir les coordonnées de la souris sur une div en jQuery - Cawrotte - 20-06-2011
Salut à tous,Sur mon jeu 2D en ligne, on trouve des tiles isométriques, qui ne sont autres que des losanges dans des rectangles de 60*30px.
Or, lorsque l'on veut cliquer sur un losange, on a tendance a oublier qu'elles sont dans des carrés -et donc à cliquer sur celle d'à côté, inévitablement-
- Je cherche donc un script en jQuery permettant d'obtenir les coordonnées de la souris dans chacun de ces div, (sous-entendu une coordonnée x entre 0 et 60 et une coordonnée y entre 0 et 30), tout ca en jQuery.
Je n'ai trouvé qu'une fonction pour faire cela : pageX et pageY, mais qui m'indique les coordonnées sur la page entière, ce qui ne correspond pas à ce que je souhaite réaliser.
Merci d'avance pour votre aide,
Cawrotte
RE: Obtenir les coordonnées de la souris sur une div en jQuery - djidi - 20-06-2011
Ceci ?
Here is an example of finding the position within the particular element rather than the page:
$("#special").click(function(e){
var x = e.pageX - this.offsetLeft;
var y = e.pageY - this.offsetTop;
$('#status2').html(x +', '+ y);
});
http://docs.jquery.com/Tutorials:Mouse_Position#Where_did_they_click_that_div.3F
RE: Obtenir les coordonnées de la souris sur une div en jQuery - Cawrotte - 20-06-2011
Merci beaucoup, je teste tout de suite !
RE: Obtenir les coordonnées de la souris sur une div en jQuery - Viciousity - 20-06-2011
Bah tu peux aussi gérer sa en faisant du :
<div pos-y="21" pos-x="21"></div>
RE: Obtenir les coordonnées de la souris sur une div en jQuery - Cawrotte - 20-06-2011
En fait ce que je veux faire c'est dans un div donné, récupérer la position x et y précise du curseur de la souris par rapport aux extremités de celui-ci
Par exemple, dans un <div> de 100*50 px la valeur pour x sera entre 0 et 100 et la valeur y entre 0 et 50.