position menu contextuel sous ie et firefox

**lodan** · 21/05/2007, 11h22

Bonjour,

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

Je suis sous firefox et ie

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 21/05/2007, 11h23

-200 c'est normal ?

**lodan** · 21/05/2007, 12h07

Pardon c'était un test.

En mettant comme ceci :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**Auteur** · 21/05/2007, 14h55

bonjour,

essaye d'appliquer ce script à ton formulaire.

**lodan** · 21/05/2007, 15h22

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.

**SpaceFrog** · 21/05/2007, 15h30

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**lodan** · 21/05/2007, 21h03

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.

**SpaceFrog** · 21/05/2007, 21h04

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
var mouseX = 
var mouseY =

Un petit effort

**lodan** · 21/05/2007, 22h43

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

position menu contextuel sous ie et firefox

JavaScript

Discussions similaires

Partager

Partager