Discussion :

[silverfly]

Bonjour,

Je cherche à "capturer" le clic droit sur une map html, afin de faire fonctionner du javascript dessus (clic droit=> affiche un petit message différent en fonction de l'endroit de l'image où l'on a cliqué).

Malgré mes recherches, je ne trouve pas du tout le moyen de capturer le clic droit sur une MAP...

Merci d'avance à ceux qui voudront bien prendre un peu de leur précieux temps pour me répondre.

Silverfly

[marcha]

Salut,

tu as un exemple de code minimal stp ?

[silverfly]

et bien, c'est du même type que cette page la :
http://www.thelin.net/laurent/labo/html/imagemap.html
Par exemple, comment faire pour
° si je fait un clic droit sur "plongée", cela m'affiche un alert("plongée");
° si je fait un clic droit sur "punk", cela m'affiche un alert("punk");
° si je fait un clic droit sur "nucléaire", cela m'affiche un alert("nucléaire");

Mais que les liens clic gauche marche aussi...

c'est tout bête, mais je ne trouve pas du tout comment faire.

[teraDev]

Bonjour,

non, je ne dirais pas que ce soit totalement "tout bête" puisqu'il n'existe pas de onRightClick, et je n'ai pas la réponse complète testée, mais voici une piste.

Sur tes tags area, tu peut mettre quelque chose du genre

Code :

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

1
2
 
<area shape="rect" coords="2,3,80,62" href="#" name="area1" onmouseover="setRightClick(this.name);" />

et tu définis une fonction setRightClick(area) qui va te gérer le clic droit selon la "area" cliquée

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
 
<script language="javascript">
<!--
function setRightClick(area){
  if ((!document.all && e.which == 3) || (document.all && event.button==2))
        {
            switch (area) { 
                      case ("area1") : alert('Clic sur '+area);
                      case ("area2") : alert('Clic sur '+area);
                      ....
            }
  return true;
}
// -->
</script>

Mais comme je l'ai dit, c'est un script que j'ai pas testé....

H.I.H


Modification : J'ai bien sûr oublié dans le tag area, il faut aussi mettre un onMouseOut="resetClick()" et écrire une fonction resetClick() qui va réinitialiser le clic droit.

[Bovino]

Oui... sinon, il y a aussi oncontextmenu

[teraDev]

effectivement, autre possibilité plus simple : oncontextmenu
Toujours le

Code :

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

1
2
 
<area shape="rect" coords="2,3,80,62" href="#" name="area1" onmouseover="setRightClick(this.name);" onmouseout="document.body.oncontextmenu = null" />

mais cette fois

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<script language="javascript">
<!--
function setRightClick(area){
 
            switch (area) { 
                      case ("area1") : document.body.oncontextmenu = function(){alert('Clic sur area1')};
                      case ("area2") : document.body.oncontextmenu = function(){alert('Clic sur area2')};
                      ....
             }
return true;
}
// -->
</script>

C'est effectivement plus simple...