begin process at 2012 05 28 11:18:22
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Menu & Co

 > UN MENU AVEC LE BOUTON DROIT !

UN MENU AVEC LE BOUTON DROIT !


 Information sur la source

Note :
9,2 / 10 - par 15 personnes
9,20 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Menu & Co Niveau :Expert Date de création :28/11/2001 Vu :22 358

Auteur : Arnotic

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (11)
Ajouter un commentaire et/ou une note


 Description

Voici un menu qui apparati quand on clic avec le bouton droit de la souris.

Source

  • Dans le HEAD :
  • <style>
  • #menu{
  • position:absolute;
  • width:155px;
  • border:3px solid navy;
  • background-color:lightblue;
  • font-family:Arial, Verdana;
  • font-size: 9pt;
  • line-height:18px;
  • cursor:default;
  • visibility:hidden;
  • }
  • .menuitems{
  • padding-left:5px;
  • padding-right:5px;
  • }
  • </style>
  • <script language="JavaScript1.2">
  • var display_url=1
  • function showmenu(){
  • var rightedge=document.body.clientWidth-event.clientX
  • var bottomedge=document.body.clientHeight-event.clientY
  • if (rightedge<menu.offsetWidth)
  • menu.style.left=document.body.scrollLeft+event.clientX-menu.offsetWidth
  • else
  • menu.style.left=document.body.scrollLeft+event.clientX
  • if (bottomedge<menu.offsetHeight)
  • menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
  • else
  • menu.style.top=document.body.scrollTop+event.clientY
  • menu.style.visibility="visible"
  • return false
  • }
  • function hidemenu(){
  • menu.style.visibility="hidden"
  • }
  • function over(){
  • if (event.srcElement.className=="menuitems"){
  • event.srcElement.style.backgroundColor="highlight"
  • event.srcElement.style.color="yellow"
  • if (display_url==1)
  • window.status=event.srcElement.url
  • }
  • }
  • function out(){
  • if (event.srcElement.className=="menuitems"){
  • event.srcElement.style.backgroundColor=""
  • event.srcElement.style.color="black"
  • window.status=''
  • }
  • }
  • function linkTo(){
  • if (event.srcElement.className=="menuitems")
  • window.location=event.srcElement.url
  • }
  • </script>
  • Dans le BODY :
  • <!--[if IE 5]>
  • <CENTER><B>Bouton droit pour ouvrir le menu - - Bouton gauche pour fermer le menu</B></CENTER>
  • <![endif]-->
  • <![if ! IE 5]>
  • <center><b>Désolé, ce script nécessite Internet Explorer, Version 5+</b></center>
  • <![endif]>
  • <div id="menu" onMouseover="over()" onMouseout="out()" onClick="linkTo()">
  • <div class="menuitems" url="index.htm">Page d'accueil</div>
  • <div class="menuitems" url="tbnew.html">Nouveautés du mois</div>
  • <div class="menuitems" url="../search/search.htm">Recherche dans le site</div>
  • <HR SIZE=1 NOSHADE>
  • <div class="menuitems" url="auteur.htm">L'auteur</div>
  • <div class="menuitems" url="meme.htm">Du même auteur</div>
  • </div>
  • Juste avant </BODY> :
  • <script language="JavaScript1.2">
  • document.oncontextmenu=showmenu
  • if (document.all&&window.print)
  • document.body.onclick=hidemenu
  • </script>
Dans le HEAD :
<style>
#menu{
position:absolute;
width:155px;
border:3px solid navy;
background-color:lightblue;
font-family:Arial, Verdana;
font-size: 9pt;
line-height:18px;
cursor:default;
visibility:hidden;
}
.menuitems{
padding-left:5px;
padding-right:5px;
}
</style>

<script language="JavaScript1.2">
var display_url=1
function showmenu(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY

if (rightedge<menu.offsetWidth)
menu.style.left=document.body.scrollLeft+event.clientX-menu.offsetWidth
else
menu.style.left=document.body.scrollLeft+event.clientX

if (bottomedge<menu.offsetHeight)
menu.style.top=document.body.scrollTop+event.clientY-menu.offsetHeight
else
menu.style.top=document.body.scrollTop+event.clientY

menu.style.visibility="visible"
return false
}

function hidemenu(){
menu.style.visibility="hidden"
}

function over(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor="highlight"
event.srcElement.style.color="yellow"
if (display_url==1)
window.status=event.srcElement.url
}
}

function out(){
if (event.srcElement.className=="menuitems"){
event.srcElement.style.backgroundColor=""
event.srcElement.style.color="black"
window.status=''
}
}

function linkTo(){
if (event.srcElement.className=="menuitems")
window.location=event.srcElement.url
}
</script>

Dans le BODY :
<!--[if IE 5]>
<CENTER><B>Bouton droit pour ouvrir le menu - - Bouton gauche pour fermer le menu</B></CENTER>
<![endif]-->
<![if ! IE 5]>
<center><b>Désolé, ce script nécessite Internet Explorer, Version 5+</b></center>
<![endif]>
<div id="menu" onMouseover="over()" onMouseout="out()" onClick="linkTo()">
<div class="menuitems" url="index.htm">Page d'accueil</div>
<div class="menuitems" url="tbnew.html">Nouveautés du mois</div>
<div class="menuitems" url="../search/search.htm">Recherche dans le site</div>
<HR SIZE=1 NOSHADE>
<div class="menuitems" url="auteur.htm">L'auteur</div>
<div class="menuitems" url="meme.htm">Du même auteur</div>
</div>


Juste avant </BODY> :
<script language="JavaScript1.2">
document.oncontextmenu=showmenu
if (document.all&&window.print)
document.body.onclick=hidemenu
</script> 

 Conclusion

Amusez-vous bien ! :)


 Sources du même auteur

FENÈTRE FLOTANTE
MESSAGE AVEC TEMPS DE POSE
DU TEXTE QUI DÉFILE
UNE JOLIE INTRO ;-)
FAIRE TOMBER DE LA NEIGE

 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

Commentaires et avis

Commentaire de Minotor le 21/12/2001 18:48:30

Sympathique ce script ^_^... Le clic droit, c'est une bonne idée. BJ l'auteur ;-)

Commentaire de kilomaster le 14/06/2002 11:44:43

avec moi le menu apparaiissait mais ne voulait plus partir, j'ai mis juste au dessus du body:
&lt;script language="JavaScript1.2"&gt;
document.oncontextmenu=showmenu
if (document.all&&window.print)
document.onclick=hidemenu
&lt;/script&gt;  

Cependant, j'ai quand même voté pour te mettre 10.

Commentaire de divil le 01/02/2003 15:20:08

Super,
question, comment faire pour que le message d'erreur ne s'affiche pas avec les versions supérieures de IE
Le script fonctionne bien, mais avec la phrase d'erreur

Commentaire de almordor le 21/02/2003 10:41:41

ben cé cool je vois ke ton script fait furreur, alors je vé testé ... verdict dans 5mn :D

Commentaire de almordor le 21/02/2003 11:40:52

Il é terribel !!
toutes fois .. non gestion du navigateur pour IE &lt; 5 :( dommage
A CONSOMMER SANS MODERATION

Commentaire de mathieumg le 17/05/2003 16:35:51

Tout marche sauf que étant donné que j'ai un background noir je veux que les lettre soit blanche au début et je ne sais pas comment !

Merci de m'aider !

Commentaire de Alessandrau le 04/12/2003 20:19:31

Sympa se script mais ca serait sympa de mettre plus d'otion entre les balises &lt;STYLE&gt; par exemple, la couleur du texte et celle des bords du cadre....
merci de repondre à ma requette.....

Commentaire de XSimpson le 28/12/2003 14:48:23

C'est un excellent script qui est très util pour enlever le click droit (d'une certaine manière).

Le script est rapide à chargé, il n'y a rien de plus intéressant que sa !

Voilà

Commentaire de vers.gui le 23/01/2005 19:36:04

"Désolé, ce script nécessite Internet Explorer, Version 5+"

Tsss... N'importe quoi !
Encore un script utilisant les balises propriétaires de Micro$oft. Et les normes, elles sont faites pour les chiens ?

Commentaire de canibale le 04/10/2006 14:47:01

d'accord avec toi Vers.gui, moi qui demande de prendre firefox je peux pas mettre se script sinon je l'ai dans l'os !

Commentaire de nossoctoruss le 23/12/2010 00:25:50 10/10

enorme! merci! ton script me sera d'une grande utilité ,au lieu d'interdire le clic droit!super,merci!en favori direct,10/10,et j'ai le message d'erreur parce que j'ai pa ie5 mais sa marche quand meme!

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
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,962 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales