Aller au contenu

Récupérer les coordonnées dans un DIV


Toucouleur

Sujets conseillés

J'ai un DIV mettons en float : left et width : 80px comme ceci http://img221.imageshack.us/my.php?image=avatar0cy.gif

j'ai besoin d'identifier, ans ce DIv et dans ce DIV uniquement les coordonnées de la souris de l'utiliateur afin de déclancher un événement dans certains cas genre

si souris Y > 20 alors exécuter fonction

j'ai essayé comme ceci, mais je ne trap que les coordonnés global de la fenêtre pas du DIV

<html>

<head>

<script language="javascript">

var divObj;

document.onmousemove=getMouseCoordinates;

function getMouseCoordinates(event)

{

ev = event ŠŠ window.event;

divObj.innerHTML = "Coord X:"+ev.pageX + " Coord Y:"+ev.pageY ;

}

//assign the mouseCoord Object to divObj

function loadDiv()

{

divObj = document.getElementById("mouseCoord");

}

</script>

</head>

<body onLoad="loadDiv()">

<div id="mouseCoord" style="with: 300px; height: 200px; position: absolute; top: 200px; left: 300px; border: 1px solid #000;">Coordonnées ici

</div>

</body>

si quelqu'un sait comment s'y prende l'info m'interesse grandement :)

Lien vers le commentaire
Partager sur d’autres sites

Salut,

Une solution à vue de nez : utiliser une fonction onmouseover sur ton div, dans laquelle tu récupères les coordonnées de ta souris.

Et s'il te faut les coordonnées par rapport au div, tu récupères (avant, une seule fois), les coordonnées de l'origine du div pour les soustraire dans tes calculs.

Lien vers le commentaire
Partager sur d’autres sites

Veuillez vous connecter pour commenter

Vous pourrez laisser un commentaire après vous êtes connecté.



Connectez-vous maintenant
×
×
  • Créer...