Afficher une Div sous la souris [Résolu]

Signaler
Messages postés
4
Date d'inscription
dimanche 17 février 2008
Statut
Membre
Dernière intervention
3 février 2011
-
Messages postés
4
Date d'inscription
dimanche 17 février 2008
Statut
Membre
Dernière intervention
3 février 2011
-
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

3 réponses

Messages postés
1313
Date d'inscription
jeudi 16 juillet 2009
Statut
Membre
Dernière intervention
20 juin 2014
6
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... ;-) ;
Messages postés
1
Date d'inscription
jeudi 19 mars 2009
Statut
Membre
Dernière intervention
1 février 2011

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
Messages postés
4
Date d'inscription
dimanche 17 février 2008
Statut
Membre
Dernière intervention
3 février 2011

Merci de votre aide. Je vais tester cela