position menu contextuel sous ie et firefox

Version imprimable

Bonjour,

Petit soucis avec cette fonction sur la récupération de la position du curseur.

Je suis sous firefox et ie

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
function on(e){
m=document.getElementById("menu").style;
 
var mouseY =(document.all)? window.event.x:e.screenX; 
var mouseX =(document.all)? window.event.y:e.screenY-200; 
 
if(e){
   if(e.which>1){
      m.display="block";
      m.top=mouseX+"px";
      m.left=mouseY+"px"
      return false;
   }
   else{
      m.display="none";
   };
}
else {
   if(m.display=="block" && event.type=="click"){
      m.display="none";
   }
   else if(event.type!="click"){      
      m.display="block"
      m.top=mouseX+"px";
      m.left=mouseY+"px"
 
   };
   return false
}
 
}

Le renvoi des positions pour le menu contextuel affiché est bon horizontalement, mais pas verticalement.

C'est pareil que ce soit sous ie ou firefox.

Merci d'avance

21/05/2007, 11h23
SpaceFrog

-200 c'est normal ?
21/05/2007, 12h07
lodan
Pardon c'était un test.

En mettant comme ceci :
Code:

1 2 var mouseY =(document.all)? window.event.x:e.screenX; var mouseX =(document.all)? window.event.y:e.screenY;
Le menu s'affiche bien en dessous sous firefox et bien au dessus dans ie.

Et lorsque je descend dans mon formulaire, le menu reste en début de formulaire, il ne me suit pas.
21/05/2007, 14h55
Auteur

bonjour,

essaye d'appliquer ce script à ton formulaire.
21/05/2007, 15h22
lodan

Citation:

Envoyé par Auteur

bonjour,

essaye d'appliquer ce script à ton formulaire.

Merci pour ton script, mais je ne vois pas en quoi il peut m'aider.

C'est un menu contextuel que je veux faire, pas une liste d'information.

En fonction de l'endroit où je me trouve, n'importe où sur l'écran, je récupère des valeurs.

Parconséquent, la position est importante.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<HTML> 
<HEAD> 
 
<SCRIPT LANGUAGE="JavaScript"><!-- 
if (navigator.appName == 'Netscape') { 
document.captureEvents(Event.MOUSEMOVE); 
document.onmousemove = netscapeMouseMove; 
} 
 
function netscapeMouseMove(e) { 
if (e.screenX != document.test.x.value && e.screenY != document.test.y.value) { 
document.test.x.value = e.screenX; 
document.test.y.value = e.screenY; 
} 
} 
 
function microsoftMouseMove() { 
if (window.event.x != document.test.x.value && window.event.y != document.test.y.value) { 
document.test.x.value = window.event.x; 
document.test.y.value = window.event.y; 
} 
} 
//--></SCRIPT> 
 
</HEAD> 
 
<BODY onmousemove="microsoftMouseMove()"> <!-- onmousedown="microsoftMouseMove()" onmouseup="microsoftMouseMove()" --> 
 
<FORM NAME="test"> 
X: <INPUT TYPE="TEXT" NAME="x" SIZE="4"> Y: <INPUT TYPUE="TEXT" NAME="y" SIZE="4"> 
</FORM> 
 
</BODY> 
</HTML>

21/05/2007, 21h03
lodan

Merci spacefrog,

Je suis totalement nul en javascript et je vois bien se promener X et Y, mais comment l'intégrer dans mon script je ne vois pas.

Merci qu'en même.
21/05/2007, 21h04
SpaceFrog
Code:

1 2 var mouseX = var mouseY =
Un petit effort ;)

Merci,

Voilà ce que j'ai fait, mais maintenant je n'ai plus rien sous ie et sous firefox, j'ai toujours un décallage.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
<HTML> 
<HEAD> 
 
<SCRIPT LANGUAGE="JavaScript"><!-- 
if (navigator.appName == 'Netscape') { 
document.captureEvents(Event.MOUSEMOVE); 
document.onmousemove = netscapeMouseMove; 
} 
 
function netscapeMouseMove(e) { 
if (e.screenX != document.getElementById('x').value && e.screenY != document.getElementById('y').value) { 
document.getElementById('x').value = e.screenX; 
document.getElementById('y').value = e.screenY; 
} 
} 
 
function microsoftMouseMove() { 
if (window.event.x != document.getElementById('x').value && window.event.y != document.getElementById('y').value) { 
document.getElementById('x').value = window.event.x; 
document.getElementById('y').value = window.event.y; 
} 
} 
//--></SCRIPT> 
 
</HEAD> 
 
<BODY onmousemove="microsoftMouseMove()"> <!-- onmousedown="microsoftMouseMove()" onmouseup="microsoftMouseMove()" --> 
 
<FORM NAME="test">
X: <INPUT TYPE="TEXT" NAME="x" id='x' SIZE="4"> Y: <INPUT TYPUE="TEXT" NAME="y" id='y' SIZE="4"> 
 
<input type="hidden" name="x" id='x'> 
<input type="hidden" name="y" id='y'> 
</FORM> 
<script type="text/javascript">
function on(e){
m=document.getElementById("menu").style;
 
var mouseY =document.getElementById('x').value; 
var mouseX =document.getElementById('y').value; 
 
if(e){
   if(e.which>1){
      m.display="block";
      m.top=mouseX+"px";
      m.left=mouseY+"px"
      return false;
   }
   else{
      m.display="none";
   };
}
else {
   if(m.display=="block" && event.type=="click"){
      m.display="none";
   }
   else if(event.type!="click"){      
      m.display="block"
      m.top=mouseX+"px";
      m.left=mouseY+"px"
 
   };
   return false
}
 
}
 
document.onclick=on;
document.oncontextmenu=on;
 
</script> 
</BODY> 
</HTML>

J'ai sûrement pas tout compris.