Modifier menu clic droit sur une image

**humitake** · 02/05/2011, 14h56

Bonjour,

Je dispose actuellement d'un plan (image) où l'on peut venir insérer des détecteurs en cliquant sur cette dernière. Les images sont générer par PHP qui rajoute simplement du code html afin d'afficher le détecteur.

Maintenant je souhaiterais faire en sorte que lorsque l'on clic droit sur une des images on ait accès à une option "supprimer".
Pour cela j'avais penser à assigner un id à chaque détecteur et lors d'un clic droit sur une des images récupérer l'id et la supprimer.
Les détecteurs sont enregistrés dans un document XML il suffit donc de supprimé la ligne correspondant au bon id.

Cependant je n'arrive pas a détecter le clic droit sur l'image que je souhaite ...

Code html :

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
 
<html>
<head>
<script type="text/javascript" language="javascript">
    function clicDroit(e){
        alert("clic droit détecté");
    }
 
    document.getElementById("1").onmousedown = clicDroit;
</script>
</head>
<body>
    <img src = "Immage/vert.png" id = "1" style = "position : absolute; top : 400; left : 400;" title = "Detecteur 2">
<img src = "Immage/vert.png" id = "2" style = "position : absolute; top : 400; left : 500;" title = "Detecteur 3">
</body>
</html>

La ligne 9 ne fonctionne même pas. Cependant si je la remplace par :

Code html :

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

document.onmousedown = clidDroit;

Cela fonctionne parfaitement (mais sur toute la page, pas seulement sur mon image).

Si quelqu'un peut m'aidez ... Merci d'avance

**Loceka** · 02/05/2011, 15h13

C'est parce que, en fait, les ID ne doivent pas commencer par un chiffre. Si tu veux garder un ID numérique, tu peux préfixer par un underscore :

Code :

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

<img src = "Immage/vert.png" id = "_1" style = "position : absolute; top : 400; left : 400;" title = "Detecteur 2"/>

**humitake** · 02/05/2011, 15h23

Ah ok ...

Merci beaucoup parce que je n'aurais pas trouvé

Sinon j'ai trouvé un moyen plus simple pour ce que je souhaite faire, au lieu d'utiliser d'attendre la détection d'un clic droit et de faire un test afin de savoir à quel image il appartient il est possible d'ajouter directement le onmousedown dans la balise img.

Et pour récupérer l'id il suffit d'utiliser un petit this.id :

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
<html>
<head>
<script type="text/javascript" language="javascript">
    function maFonction(var maVariable){
        alert("l'id de l'image : " + maVariable);
    }
</script
</head>
<body>
    <img src = "Immage/vert.png" id = "_1" onmousedown =  maFonction(this.id) style = "position : absolute; top : 400; left : 400;" title = "Detecteur 2"/>
</body>
</html>

**Bovino** · 02/05/2011, 17h55

Tu ferais mieux de passe par l'événement oncontextmenu

**humitake** · 06/05/2011, 18h27

Merci !

Et désolé pour ma réponse tardive ...

Modifier menu clic droit sur une image

JavaScript

Discussions similaires

Partager

Partager