Faire apparaitre un menu contextuel avec clic droit sur une image

Bonsoir, je voudrais apparaitre un menu que j'ai crée quand on fait un clic gauche sur une image bien défini.

J'ai crée le menu en html et fait aussi la mise en forme en css. une fois que le choix sera fait dans le menu je le gérerais en php.

Je vois pas comment je peux faire pour le reste.

#menu_fichier,#menu_dossier {border: 1px solid #000; padding: 0; list-style-type: none; margin-left: 18%; width: 200px; border-radius: 10px; background-color: #000; border: 1px solid #fc1109; display: relative;}
#menu_fichier li,#menu_dossier li {padding: 5px; color: #fff;}
#menu_fichier a,#menu_dossier a {color: #fff;}
#menu_fichier img,#menu_dossier img {padding-right: 5px;}
#menu_fichier li:hover,#menu_dossier li:hover  {background-color: #666; border-radius: 10px;}

<ul id="menu_fichier">
<li><a href="#"><img src="administration/image/edit.png">Renomer la photo</a></li>
<li><a href="#"><img src="administration/image/image.gif">D&eacute;placer la photo</a></li>
<li><a href="#"><img src="administration/image/sup.png">Supprimer la photo</a></li>
</ul>

Modifié par stephcache (08 Nov 2011 - 18:12)

Bonjour,

stephcache a écrit :
Bonsoir, je voudrais apparaitre un menu que j'ai crée quand on fait un clic droit sur une image bien défini.

Ce genre d'interaction se code en JavaScript.
Si tu ne connais pas encore ce langage, tu as en gros le choix soit de l'apprendre (il y a des bouquins très corrects sur le sujet, et des cours en ligne bien fichus comme Eloquent JavaScript, par contre ces derniers sont généralement en anglais) ou de déléguer ce travail à un collaborateur (intégrateur web ou développeur front-end).

En passant, les éléments IMG de tes icones devraient avoir un attribut alt vide. Et bien sûr si tes liens sont uniquement des boutons déclenchant des actions en JavaScript (plutôt que menant à une ressource HTTP différente) dans l'idéal il faudrait utiliser l'élément BUTTON plutôt que l'élément A. (Styler les éléments BUTTON peut être compliqué. Une solution ici.)
Modifié par fvsch (08 Nov 2011 - 23:54)

Déjà merci de ta réponse, non je connais le javascript mais je sentais que je devrais mit mettre.

Par compte non une fois le choix fait dans le menu je vais le géré en php, sa sera plus facile pour moi.

Je viens de regardé a quoi sa servait alt comme je savais pas, je vais rajouté sa maintenant. merci


Par compte, j'ai pas comprit a propos de l'élément buttom !!

stephcache a écrit :
Je viens de regardé a quoi sa servait alt comme je savais pas, je vais rajouté sa maintenant.

Tu peux lire à ce sujet: Bien utiliser le texte alternatif.

stephcache a écrit :
Par compte, j'ai pas comprit a propos de l'élément buttom !!

Eh bien si tu veux faire un lien pour diriger le visiteur vers une autre page, une autre partie de la page ou toute ressource disponible en HTTP, l'élément à utiliser c'est l'élément A:

<a href="URL">Description de la destination</a>

Tandis que si tu veux faire un bouton pour déclencher une action en JavaScript, l'élément à utiliser sera plutôt BUTTON:

<button type="button">Description de l'action</button>

Bonsoir, je suis de retour après avoir testé plus script tout fait.

Je cherche un exemple qui fonctionne

Merci