pb avec un menu sur le clic droit

**lyllith** · 14/11/2006, 16h35

Bonjour a tous

je suis en train de reprendre un vieux site.
j'ai ce code ci dessus qui est disponible de n'importe quelle page du site.
avec IE quand je fais un clic droit j'ai bien le menu qui s'affiche puis quand je clique sur Accueil je reviens bien a la page index.php
mais avec FireFox, il y a un petit pb, le menu s'affiche bien mais quand je clique sur Accueil rien ne se passe

est ce que qq1 a une idée à ce pb ?

merci d'avance

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
 
<div id="menu" style="display:none; position:absolute; border:outset 2px whitesmoke; background-color:whitesmoke;padding: 5px;font-family:verdana;font-size:11px;" onClick="jumpto();">
		 <div class="menuitems" url="index.php">Accueil</div>
</div>
 
<script type="text/javascript">
 function jumpto() 
{
 if (event.srcElement.className == "menuitems") 
    {
     if (event.srcElement.getAttribute("target") != null)
         window.open(event.srcElement.url, event.srcElement.getAttribute("target"));
     else
         window.location = event.srcElement.url;
    }
}  
 
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-150; 
 
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>

**Auteur** · 15/11/2006, 16h00

bonjour,

ta fonction jumpto n'est pas adaptée pour Firefox : il ne connait pas "event".
De plus url n'est pas un attribut d'un div, tu ne peux donc pas y accèder.

Je ferai plutôt ceci (pour IE et FF).

Code javascript :

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
 
<script type="text/javascript">
 function jumpto(url) 
{
    window.open(url, "pop-up");
}  
 
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-150; 
 
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;
}
 
}

Code html :

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

1
2
3
4
 
<div id="menu" style="display:none; position:absolute; border:outset 2px whitesmoke; background-color:whitesmoke;padding: 5px;font-family:verdana;font-size:11px;">
		 <div class="menuitems" onclick="jumpto('index.php')">Accueil</div>
</div>

et dans la balise body rajoute ceci :

Code :

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

1
2
 
<body oncontexmenu="on(event)">

au lieu de

Code :

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

1
2
3
 
document.onclick=on;
document.oncontextmenu=on;

**lyllith** · 15/11/2006, 16h23

merci pour la réponse
je test dès que possible puis flag a résolu

pb avec un menu sur le clic droit

JavaScript

Discussions similaires

Partager

Partager