cordonnée X Y sur une image

bonjour,

But: recuperer les coordonées lors d'un clique sur une image.

j'ai un script qui me renvoie les coordonnées quand on clique sur l'ecran. ces coordonnée XY sont définis par rapport à une origine ( en haut à gauche de la fenetre ).

Si on clique sur une image situer au milieux de l'ecran par example.. je n'obtient pas les coordonnées de limage mais celle par rapport à l'ecran...

Ma question: Comment recupérer les coordonnées par rapport à l'origine de l'image?


D'avance Merci

Merci roro06,

oui, si je la positionne, je connait parfaitement les coordonnées...
je viens de rajouter ce style

.img_src{
    position:absolute;
    top : 50px;
    left : 20px; 
 }  


Je laisse le post ouvert défois que..

Merci pour l'example PetoleTeam.

j'en deduis:
  var img_x= event.clientX - this_.offsetLeft;
  var img_y= event.clientY - this_.offsetTop;

Ca fonctionne. mais j'ai remarqué:

je suis sous IE6.0
Sur une image de 773 x 580 
La sélection en haut et/ou à gauche, j'obtient pas des coordonnées en dessous de 2 pixels.
Pour la sélection à droite, j'arrive à selectionner 1 pixel en dehors de l'image.
Pour la sélection en bas, je n'arrive pas à sélectionner apres les 475 pixels..
Pourquoi?

Apres réflexion, pour obtenir la coordonnée du curseur de la souris j'utilise event.clientXetevent.clientY .

ces fonctionnalité me retourne les coordonnées de l'affichage du client (explorateur par rapport à une origine qui bouge!!
--> si on descend l'assensseur pour voir le bas de l'image, l'origine descend aussi..

moi, je ne veux pas que l'origine bouge pour que la coordonnée calculé de l'image soit correct.

Faut'il utilisé autre chose que event.clientX  ou inclure une autre variable pour mon calcul de coordonnée de l'image?


D'avance merci.