Obtenir les coordonnées de la souris sur une div en jQuery

[Cawrotte]

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

[djidi]

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_P...hat_div.3F

[Cawrotte]

Merci beaucoup, je teste tout de suite !

[Viciousity]

Bah tu peux aussi gérer sa en faisant du :

<div pos-y="21" pos-x="21"></div>

Et ensuite récupérer les valeurs de ces deux attributs

[Cawrotte]

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.