Hello JavaScripteuses et teurs...
Ce petit tutorial n'a pas d'autre but que de montrer comment récupérer la position de la souris dans une page et ce quelque soit sa position dans la fenêtre d'affichage et le navigateur...
<script language="JavaScript" type="text/javascript">
var Mouse_X; // Variable globale Position X de la Mouse
var Mouse_Y; // Variable globale Position Y de la Mouse
//-----------------------------------------------------------------------------
// l'argument e n'est passé à la fonction que par les navigateur n'ayant pas
// implémenté event comme objet, IE posséde son propre objet bien connu event
//-----------------------------------------------------------------------------
function WhereMouse( e ){
var DocRef; // Variable pour IE uniquement
// L'événement est passée à la fonction
// donc tous sauf IE
if( e){ // Dans ce cas on obtient directement la position dans la page
Mouse_X = e.pageX;
Mouse_Y = e.pageY;
}
else{ // Dans ce cas on obtient la position relative à la fenêtre d'affichage
Mouse_X = event.clientX;
Mouse_Y = event.clientY;
//-- Il faut traiter le CAS des DOCTYPE sous IE
if( document.documentElement && document.documentElement.clientWidth) // Donc DOCTYPE
DocRef = document.documentElement; // Dans ce cas c'est documentElement qui est réfèrence
else
DocRef = document.body; // Dans ce cas c'est body qui est réfèrence
//-- On rajoute la position liée aux ScrollBars
Mouse_X += DocRef.scrollLeft;
Mouse_Y += DocRef.scrollTop;
}
}
//== INITIALISATION ================
document.onmousemove = WhereMouse;
</script>
Voila That's All Folks !...
Aller Bon Code...
;0)