begin process at 2012 02 11 03:11:45
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Menu & Co

 > MENU SIMPLE ET AFFICHABLE AVEC CLIC DROIT

MENU SIMPLE ET AFFICHABLE AVEC CLIC DROIT


 Information sur la source

Note :
5,5 / 10 - par 2 personnes
5,50 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
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 :10 671
Auteur : niko49

Ecrire un message privé
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...



 Sources du même auteur

JEU DU NOMBRE À TROUVER
FOND D'ÉCRAN MOVABLE AVEC LA SOURIS
MENU SIMPLE ET FACILEMENT COMPRÉHENSIBLE
Toutes les sources de niko49

 Sources de la même categorie

Source avec Zip Source avec une capture UN MENU EN CSS par Julien39
Source avec Zip FLÈCHE CLIGNOTANTE AU SURVOL D'UN LIEN par lecurieux41
Source avec Zip Source avec une capture TREEMENU-2.3.6-MACNIP par neep
Source avec Zip Source avec une capture MENU CIRCULAIRE par adelmonis
Source avec Zip Source avec une capture MENU TASKBAR WINDOWSXP HOME par micking
Toutes les sources de la catégorie Menu & Co

Commentaires et avis

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

Comparez les prix


Mio - Moov V735 - GPS Europe - Ecran 7"
Entre 305€ et 375€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode
 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), 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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 3,198 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)