Menu contextuel empêcher clic droit sur Input

**lodan** · 14/06/2007, 14h35

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.

**SpaceFrog** · 14/06/2007, 14h39

Code :

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

oncontextmenu="return false;"

**E.Bzz** · 14/06/2007, 14h47

Envoyé par lodan

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

**SpaceFrog** · 14/06/2007, 14h49

alors ajoute un flag ...

Code :

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

1
2
 
oncontextmenu="flag=true;"

et dans ton code de contextmenu perso

enpremière ligne::

Code :

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

if (flag){return true;}

**lodan** · 14/06/2007, 15h47

Merci,

Pas tout compris

Pour activer mon menu, j'ai :

Code :

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

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 :

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

1
2
3
4
5
function contextMenu()
{
	if (flag){return true;}
........
}

C'est à cela que tu pensais ?

mon menu s'affiche toujours.

**SpaceFrog** · 14/06/2007, 16h08

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

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

**lodan** · 14/06/2007, 17h16

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 :

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
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.

**SpaceFrog** · 14/06/2007, 17h20

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 :

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

document.onclick = function(){fermer_menu()};

**lodan** · 14/06/2007, 18h25

Merci,

function() uniquement pour le fermer_menu ?

Menu contextuel empêcher clic droit sur Input

JavaScript

Discussions similaires

Partager

Partager