cordonnée X Y sur une imageRésolu

Question

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

PetoleTeam · Accepted Answer

B

onjour...

dans ce cas il faut mettre un événement sur l'image

avec une fonction du type
//-------------------------
function Get_Position(this_){
  alert( "L'objet est en PosX : " + this_.offsetLeft +" et PosY :  " + this_.offsetTop);



}

Il te suffit ensuite de faire le calcul avec la position de la mouse...






;0)

cs_roro06 · Answer

Bonjour




Je ne crois pas qu'on puisse, à moins de positionner précisément l'image (position absolute). Mais si ton image est "au milieu de l'ecran" (donc coordonnées connues)et que tu en connais la largeur et la hauteur, tu doit réussir à retrouver tes billes.

Cordialement
Roro webDev

Mastronic · Answer

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..

cs_bultez · Answer

Bonjour, position absolue ou pas, on peut connaitre les positions/tailles des objets : petite explication

Cordialement Bul [mon Site] [M'écrire]

Mastronic · Answer

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.

PetoleTeam · Answer

B onsoir... je ne saurais trop te conseiller l'EXCELLENT TUTO sur ce site... ;0)

Cordonnée X Y sur une image

6 réponses

Votre réponse