Afficher une Div sous la sourisRésolu

Question

Salut

Je cherche un moyen simple pour faire apparaitre une div sous la position de la souris...

Explication :[list]
je clic n'importe où dans l'écran.
Détection de la position de la souris.
Mon Div apparait dessous.
Je reclic ailleurs et mon div réapparait sous la souris/list
Merci d'avance pour vos solutions

BBFUNK01 · Accepted Answer

Hello,

je pense qu'il faudra que tu passes par un script javascript pour tracer la position en x et y de la souris, ensuite il faudra indiquer dans une fonction sur le clic que le div s'affiche. Reste à voir après comment gérer les css propres au div à afficher pour que ça fonctionne bien.
Autrement suivant ce qu'est sensé contenir ta page, tu peux aussi faire une animation Flash.

A plus ,

BBFUNK01
//C'est en forgeant qu'on devient forgeron... ;-) ;

radaliz · Answer

Salut,
Je suis d'accord avec BBFunk, c'est événement est effectué coté client, tu dois donc utiliser du Javascript.
Sur ton body, tu dois gérer un écouteur "onclick" :
document.getElementById('monDiv').onclick = function (){alert('instructions pour afficher le popup!');}
ensuite tu peux récupérer les coordonnées de la souris avec :

if(!event.pageX){
event.pageX = event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft);
event.pageY = event.clientY + (document.documentElement.scrollTop || document.body.scrollTop);
}//if

cs_Isnogoud · Answer

Merci de votre aide. Je vais tester cela

Afficher une Div sous la souris

3 réponses

Votre réponse

Discussions similaires