Menu contextuel empêcher clic droit sur Input

Version imprimable

14/06/2007, 14h35
lodan

Menu contextuel empêcher clic droit sur Input

Bonjour,

J'ai fait un menu contextuel qui fonctionne très bien.

Est-il possible d'empêcher l'affichage du menu par clic droit lorsque le curseur se trouve sur un champ "INPUT" par exemple. Dans ce cas là, je voudrais que le clic droit soit celui du navigateur.

Merci d'avance.
14/06/2007, 14h39
SpaceFrog

Code:

oncontextmenu="return false;"
14/06/2007, 14h47
E.Bzz

Citation:

Envoyé par lodan

Dans ce cas là, je voudrais que le clic droit soit celui du navigateur.

:?
14/06/2007, 14h49
SpaceFrog
alors ajoute un flag ...
Code:

1 2 oncontextmenu="flag=true;"
et dans ton code de contextmenu perso

enpremière ligne::

Code:

if (flag){return true;}

Merci,

Pas tout compris

Pour activer mon menu, j'ai :
Code:

1 2 3 4 5 6 7 <body> <p><input type="text" name="toto" oncontextmenu="flag=true;"></p> <script type="text/javascript"> document.oncontextmenu = ouvrir_menu; document.onclick = fermer_menu; </script></body>
Mon JS est :
Code:

1 2 3 4 5 function contextMenu() { if (flag){return true;} ........ }
C'est à cela que tu pensais ?

mon menu s'affiche toujours.

14/06/2007, 16h08
SpaceFrog

je pensais au oncontextmenu de l'input ... en effet

dasn les anciennes contributions il doit y avoir un truc de javatwister là dessus ??

Merci, j'ai bien trouvé cela

et aussi ceci

Mais, bon j'ai pas trouvé. Alors je me suis mis à réfléchir, doucement d'abord.

Puis avec un peu plus de détermination.

Le résultat est :

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
var flag = false;
function ouvrir_menu(evt)
{
	if (flag)
	{
		flag = false;
		return true;
	}
	position(evt);
	document.getElementById("contextMenu").style.top = position_y+'px';
	document.getElementById("contextMenu").style.left = position_x+'px';
	document.getElementById("contextMenu").style.display="block";
	return(false);
}
function fermer_menu()
{
	if (document.getElementById)
	{
		document.getElementById("contextMenu").style.top = "0px";
		document.getElementById("contextMenu").style.left = "0px";
		document.getElementById("contextMenu").style.display="none";
	}
}
<body>
		.......
		<div id="contextMenu" style="display:none; position:absolute; border:outset 2px whitesmoke; background-color:whitesmoke;padding: 5px;font-family:verdana;font-size:11px;">
 
		<li class='contextmenu'><a>Ajouter</a></li/>
		<li class='contextmenu'><a>Modifier</a></li/>
		<li class='contextmenu'><a>Supprimer</a></li/>
 
	</div>
	<script type="text/javascript">
		document.oncontextmenu = ouvrir_menu;
		document.onclick = fermer_menu;
	</script>

Il faut déclarer la variable global "flag" à false et penser à la passer à nouveau à false lorsqu'elle est "true".

Merci pour vos conseils.

14/06/2007, 17h20
SpaceFrog

oui desolé de ne pas l'avoir précisé ni remarqué dans ton code ...
en general un flag doit être global si tu veux le modifier au niveau de la balise pour qu'il soirt pris en compte dans la focntion à moins d'appeler la fonction avec le flag en paramètre ...

et pour un code cross browser je te conseille plutot :

Code:

document.onclick = function(){fermer_menu()};
14/06/2007, 18h25
lodan

Merci,

function() uniquement pour le fermer_menu ?