Aller au contenu

Sujets conseillés

Posté

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 :)

Posté

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.

Veuillez vous connecter pour commenter

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



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