Menu contextuel avec récupération de la valeur du champ cliqué
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:
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:
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:
<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
