Menu simple et affichable avec clic droit
Soyez le premier à donner votre avis sur cette source.
Snippet vu 12 896 fois - Téléchargée 28 fois
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 !
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...
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
- B clic
- Javascript oncontextmenu - Meilleures réponses
- Html - php -> faire apparaitre deuxième partie d'un formulaire sur clic sur un b ✓ - Forum - PHP
- B.y.t code - Conseils pratiques - Java
- Compteur de clic javascript - Guide
- Menu déroulant au clic javascript - Guide
- Javascript changer couleur au clic - Forum - Javascript / DHTML
* incompatible IE6,
* fonctionne bien sur NS7 et Mozila ff.
tésté sur WinXP
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.