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