replacement d'un div par rapport au coordonnée de la souris
Bonjour,
Voila je me suis fait un petit script qui remplace le menu "click droit" traditionelle par un div positionner en absolut et via les coordonnées de la souris ...
Pour éviter que lorsque on fait un clic droit trop pret des bords bas et droit et donc eviter l'appartion de scrollbar je repositionne le div comme ceci.
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
document.getElementById('menuhidden').style.display = "block";
if(!evt) evt = window.event;
var mouse_x = evt.clientX;
var mouse_y = evt.clientY;
var heightDiv = document.getElementById('menuhidden').offsetWidth;
var widthtDiv = document.getElementById('menuhidden').offsetHeight;
if(mouse_x + widthtDiv > screen.width){
mouse_x = mouse_x - widthtDiv;
}
if(mouse_x + heightDiv >= screen.height){
mouse_x = mouse_x - heightDiv;
}
document.getElementById('menuhidden').style.left = mouse_x+'px';
document.getElementById('menuhidden').style.top = mouse_y+'px'; |
Les problèmes :
Cette fonction n'est absolument pas complatible avec IE et sur Firefox quand on arrive trop pret du bord droit le div est repoussé trop loin de la sourris et pour le bord bas cela ne fonctionne pas dutout...
si besoin l'exemple ce trouve a cette adresse :http://www.gunth.be/position_clic.htm
Une idée du bug ???
merci d'avance
