1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Menu simple et affichable avec clic droit

Menu simple et affichable avec clic droit

Soyez le premier à donner votre avis sur cette source.

Snippet vu 12 515 fois - Téléchargée 28 fois

Commenter

Contenu du snippet

La encore, ce code source est fait pour essayer de vous faire comprendre comment faire apparaître quelque chose avec le clic droit (ici, c'est un menu, mais vous pouvez faire apparaître n'importe quoi)... Très peu d'esthétique, ce sera à vous de faire ce que vous voulez ! Pourquoi encore un menu ? simplement car vous semblez vous y intérresser de près !

Source / Exemple : 


<HTML>
<SCRIPT LANGUAGE="Javascript">
document.oncontextmenu=showmenu;
function showmenu()
{
x=window.event.x;
y=window.event.y;
menuhidden.style.left=x;
menuhidden.style.top=y;
menuhidden.style.display="";
return false;
}
function hidemenu()
{
menuhidden.style.display="none";
}
function over(menux)
{
menux.style.backgroundColor="aqua";
menux.style.fontSize=24;
menux.style.color="red";
}
function out(menux)
{
menux.style.backgroundColor="white";
menux.style.fontSize="16";
menux.style.color="black";

}
</SCRIPT>
<BODY onClick="hidemenu()">
<DIV id="menuhidden" style="cursor:hand;display:'none';position:absolute">
<TABLE BORDER=1 bordercolor="red" cellspacing="0" width=80>
<TR><TD bgcolor="red"><CENTER><B><FONT COLOR="aqua">MENU</FONT></B></CENTER></TD></TR>
<TR><TD onMouseOver="over(this)" onMouseOut="out(this)" style="border-bottom:none"><CENTER>Menu1</CENTER></TD></TR>
<TR><TD onMouseOver="over(this)" onMouseOut="out(this)" style="border-top:none;border-bottom:none"><CENTER>Menu2</CENTER></TD></TR>
<TR><TD onMouseOver="over(this)" onMouseOut="out(this)" style="border-top:"none"><CENTER>Menu3</CENTER></TD></TR>
</TABLE></DIV>

</HTML>

Conclusion :


En réalité, le clic droit fonctionne sur 2 lignes :
document.oncontextmenu=showmenu;
et
return false;
En effet, la première demande d'afficher la fonction "showmenu" si le clic droit est appuyé... la deuxième demande de ne pas afficher le menu "classique" de windows...
PS : ne fonctionnera pas sous netscape...

A voir également

Ajouter un commentaire

Commentaire

Signaler
beladel
Messages postés
22
Date d'inscription
jeudi 22 septembre 2005
Statut
Membre
Dernière intervention
17 juillet 2009
Salut,
* incompatible IE6,
* fonctionne bien sur NS7 et Mozila ff.
tésté sur WinXP
S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.

Du même auteur (cs_niko49)