Position de souris et event
Bonjour,
Après un tas de recherches de scripts permettant d'obtenir la position de la souris, j'ai fini par en trouver un qui fonctionne, mais uniquement sous Chrome et IE (moi qui pensais que chrome fonctionnait comme FF).
En gros ca marche pas sous FF.
J'ai lu que cela pouvait venir de la gestion d'évènement par FireFox, mais je ne comprend pas car ce script semble bien calculer la présence ou non de l'objet event, le voici:
Code:
1
2
3
4
5
6
7
8
| function getMousePosition(event)
// Retourne la position de la souris sours forme de tableau
// Utiliser getMousePosition(event)[0] et getMousePosition(event)[1]
{
var e = event || window.event;
var scroll = new Array((document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,(document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop);;
return new Array(e.clientX + scroll[0] - document.body.clientLeft,e.clientY + scroll[1] - document.body.clientTop);
} |
Et voici comment je l'utilise (cela se trouve à l'interieur d'un code créant des points googleMaps)
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
| //Entete fonction
function createMarker(point, id, domaine)
//Creation des points... (ok)
GEvent.addListener(marker, "mouseover", function() {
var mouseInfo = document.getElementById('domaine'); //j'attrape ma div
mouseInfo.innerHTML = domaine ; //Je remplis le contenu de ma div (ok)
var mousePosition = getMousePosition(event); //Recuperation des coordonnées de la souris
mouseInfo.style.left = mousePosition[0]+20; // Modification de la position de la div selon position souris
mouseInfo.style.top = mousePosition[1];
} ); |
Si quelqu'un saurait me dire ce que ne va pas dans ma fonction getMousePosition (enfin je pense que ca vient de là) je lui en serait reconnaissant !
