AccueilCodesTutorielsForumsEmploiLivresConnexion

  • Javascript / Ajax / DHTML CodeS-SourceS
  • RSS CodeS-SourceS
  • CodyxBot, le Bot GTalk & MSN qu'il vous faut !
  • Générez des revenus avec vos codes, scripts et tutoriaux
  • Aide à la navigation du site
begin process at 2008 11 20 15:26:42
Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU SIMPLE ET AFFICHABLE AVEC CLIC DROIT


Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 01/03/2002 Date de mise à jour : 01/03/2002 14:31:06 Vu : 8 416
Auteur : niko49 Ecrire un message privé
Note :
5,5 / 10 - par 2 personnes
5,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Commentaire sur cette source (1)
Ajouter un commentaire et/ou une note

Description

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

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


 

Commentaires et avis

signaler à un administrateur
Commentaire de beladel le 20/10/2005 15:05:57

Salut,
* incompatible IE6,
* fonctionne bien sur NS7 et Mozila ff.
tésté sur WinXP

Ajouter un commentaire

Nos sponsors

Sondage...

CalendriCode

Novembre 2008
LMMJVSD
     12
3456789
10111213141516
17181920212223
24252627282930

Consulter la suite du CalendriCode

Appels d'offres


Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel BAÏSE, Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,437 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.