Discussion :

[lodan]

Bonjour,

Je souhaite faire un menu contextuel, jusque là pas de problème, il y a tout ce qu'il faut sur le forum.

Mais et c'est là que tout se complique, est-il possible que le menu contextuel ne s'affiche que si on est sur un champ avec "id" et de récupérer la valeur de ce champ;

Exemple :
HTML :

Code :

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

1
2
3
4
5
6
7
8
<input type="text" name=" champ" value="1234" id="coucou">RDV  DUPONTEL Claire</input>
 
<div id="menu" style="display:none; position:absolute; border:outset 2px whitesmoke; background-color:whitesmoke;padding: 5px;font-family:verdana;font-size:11px;">
	<li>choix 1</li/>
	<li>choix 1</li/>
	<li>choix 2</li/>
	<li>choix 3</li/>
</div>

Javascript :

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
 
// Fonction de SpaceFrog
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
}
 
}
 
document.onclick=on;
document.oncontextmenu=on;

Le menu contextuel, je souhaiterai qu'il s'affiche que si on est sur

Code :

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

<input type="text" name=" champ" value="1234" id="coucou">RDV  DUPONTEL Claire</input>

Et qu'il récupère la valeur 1234

Merci d'avance

[lodan]

J'ai trouvé un moyen, ce n'est pas encore la panacé.

Récupération de ou des valeurs du formulaire

Code :

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

1
2
3
4
5
6
<script type="text/javascript">
function menu(champ0, champ1)
{
	document.getElementById('ici').value=champ0.value+" - "+champ1.value ;
} 
</script>

Mon formulaire :

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
<input type="hidden" id="coucou0" value="1234">
	<input type="text" name="toto" class="entry" value="DUPONTEL Claire" id="coucou" 
	onmouseover="menu(document.getElementById('coucou0'), document.getElementById('coucou'))">RDV  DUPONTEL Claire</a>
	<input type="hidden" id="coucou3" value="1235">
	<p><input type="text" name="toto" class="entry" value="DELANOE Béatrice" id="coucou1" 
	onmouseover="menu(document.getElementById('coucou3'), document.getElementById('coucou1'))">RDV  DELANOE Béatrice</a></p>
	<input type="hidden" id="coucou5" value="1236">
	<p><input type="text" name="toto" class="entry" value="DELALANDE Alix" id="coucou2" 
	onmouseover="menu(document.getElementById('coucou5'), document.getElementById('coucou2'))">RDV  DELALANDE Alix</a></p>
 
<div id="menu" style="display:none; position:absolute; border:outset 2px whitesmoke; background-color:whitesmoke;padding: 5px;font-family:verdana;font-size:11px;">
	<li><input type="text" name="tata" id="ici" disabled="disabled"></li/>
	<li><a onclick="alert(getElementById('ici').value)">choix 1</a></li/>
	<li>choix 2</li/>
	<li>choix 3</li/>
</div>

Le script d'affichage du menu lui ne change pas.

Ce n'est as la panacé, parceque si je fais un clic droit n'importe où, il prend la valeur de mon dernier input.

Il ne faudrait pas que je puisse faire clic droit si je ne suis pas un champ de type "input" par exemple.