Détecter la position de la souris sans mouvements - HTML/CSS - Programmation
MarshPosté le 27-06-2006 à 10:12:36
Bonjour, Je cherche a faire apparaitre un div flottant au niveau de la souris. Pour cela, j'ai réalisé la fonction suivante :
function showColPannelMouse(cible) { function MousePosCoul(c) { x = (navigator.appName.substring(0,3) == "Net" ) ? c.pageX : event.x+document.body.scrollLeft; y = (navigator.appName.substring(0,3) == "Net" ) ? c.pageY : event.y+document.body.scrollTop; document.getElementById("colpan" ).style.top=y+"px"; document.getElementById("colpan" ).style.left=x+"px"; }
// On compte le clique qu'on viens de faire clik2++;
if ( clik2 == 1 ) { // Si le clique vaut 1, on affiche le panneau des couleurs à la position (x,y) passée en paramètres MousePosCoul; document.getElementById('colpan').style.visibility='visible'; } else { // Sinon, on cache le panneau document.getElementById('colpan').style.visibility='hidden'; clik2=0; } // On valorise notre variable globale de mémorisation de type au type passé en paramètre target = cible; }
Cependant, mon div n'apparait pas a coté de la souris mais à son emplacement par défaut. Comment faire apparaitre mon div a coté de la souris ? (SANS la suivre...)
Marsh Posté le 27-06-2006 à 10:12:36
Bonjour,
Je cherche a faire apparaitre un div flottant au niveau de la souris.
Pour cela, j'ai réalisé la fonction suivante :
function showColPannelMouse(cible)
{
function MousePosCoul(c)
{
x = (navigator.appName.substring(0,3) == "Net" ) ? c.pageX : event.x+document.body.scrollLeft;
y = (navigator.appName.substring(0,3) == "Net" ) ? c.pageY : event.y+document.body.scrollTop;
document.getElementById("colpan" ).style.top=y+"px";
document.getElementById("colpan" ).style.left=x+"px";
}
// On compte le clique qu'on viens de faire
clik2++;
if ( clik2 == 1 )
{
// Si le clique vaut 1, on affiche le panneau des couleurs à la position (x,y) passée en paramètres
MousePosCoul;
document.getElementById('colpan').style.visibility='visible';
}
else
{
// Sinon, on cache le panneau
document.getElementById('colpan').style.visibility='hidden';
clik2=0;
}
// On valorise notre variable globale de mémorisation de type au type passé en paramètre
target = cible;
}
Cependant, mon div n'apparait pas a coté de la souris mais à son emplacement par défaut.
Comment faire apparaitre mon div a coté de la souris ? (SANS la suivre...)