Version imprimable
Bonjour,
Savez-vous comment obtenir l'élément HTML présent sous le curseur de la souris ? J'en aurais besoin pour un script de drag and drop (je l'avais déjà implémenté mais je n'arrive plus à mettre la main dessus. Il me semble que l'on passe par un event de type MouseEvent)
Merci bien !
Salut,
Il te faut récuperer la position de la souris pendant le drag et ajouter un offset qui correspondra à la taille présumée du curseur.
Oui, je le sais déjà ; mais comment obtenir à tout instant, l'objet HTML se trouvant sous le curseur ?
En principe tu le déplaces tant que l'évenement mousedown est effectif sur lui, et tu changes sa position avec un mousemove sur le document.body.
T'as des lib qui font ça très bien (mootools) ;)
Mon problème n'est pas de réaliser le drag and drop, il existe pour cela des librairies qui permettre de le réaliser juste avec un appel de fonction. Mon problème est en fait de pouvoir récupérer l'élément HTML (donc une TD, une DIV, etc.) se trouvant derrière le curseur de souris. Je sais que c'est possible et qu'il faut pour cela utiliser en partie MouveEvent, mais je ne sais plus comment utiliser cet évènement pour répondre à mon besoin.
Bah si tu utilises une librairie, t'es capable de savoir quel élement est dragué (lui ou son ghost), du coup tu peux définir un offset!
Tu utilises quoi comme librarie?
J'utilise scriptaculous, mais là n'est pas le problème.
Je souhaite juste connaître à partir d'un évènement de type MouseEvent, l'élément HTML se trouvant sous mon curseur de souris, donc l'élément HTML qui englobe cette coordonnée. (J'ai donc juste besoin d'interroger DOM pour savoir qui est à cette position.)
à part attribuer un onmouseover à tous les élement de la page ...
Salut,
d'après ce que j'ai lu et testé, il y a deux solutions:
- soit il faut parcourir TOUS les éléments présents dans le document, et comparer leur position avec celle de la souris.
- soit définir toi-même les éléments qui peuvent être des points de chute, et parcourir ceux-là (ça limite la lourdeur du traitement) puis comparer leur position avec celle de la souris.
Un tuto que j'ai trouvé très sympa : http://www.webreference.com/programm...column2/2.html