Modifier menu clic droit sur une image [Résolu]

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

02/05/2011, 15h13	#2
Loceka Membre Expert Tlouye Ci Inscription : mars 2004 Messages : 1 450 Détails du profil Informations personnelles : Nom : Tlouye Ci Informations forums : Inscription : mars 2004 Messages : 1 450 Points : 2 149 Points : 2 149	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"/>
	00

02/05/2011, 17h55	#4
Bovino Responsable Développement Web Didier Mouronval Développeur Web Inscription : juin 2008 Messages : 13 806 Détails du profil Informations personnelles : Nom : Didier Mouronval Âge : 41 Localisation : France, Gironde (Aquitaine) Informations professionnelles : Activité : Développeur Web Secteur : High Tech - Éditeur de logiciels Informations forums : Inscription : juin 2008 Messages : 13 806 Points : 35 803 Points : 35 803	Tu ferais mieux de passe par l'événement oncontextmenu __________________ Pas de question technique par MP ! Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi ! Vous possédez un blog et aimeriez diffuser vos billets sur le forum, contactez-moi ! Mes formations video2brain : La formation complète sur JavaScript • JavaScript et le DOM par la pratique • PHP 5 et MySQL : les fondamentaux Mon livre sur jQuery
	10

06/05/2011, 18h27	#5
humitake Membre éclairé Olivier Étudiant Inscription : novembre 2010 Messages : 303 Détails du profil Informations personnelles : Nom : Olivier Âge : 20 Localisation : France Informations professionnelles : Activité : Étudiant Informations forums : Inscription : novembre 2010 Messages : 303 Points : 384 Points : 384	Merci ! Et désolé pour ma réponse tardive ...
	00

Outils de la discussion
Afficher une version imprimable Envoyer un lien vers cette page par email