Un menu avec le bouton droit !

Soyez le premier à donner votre avis sur cette source.

Snippet vu 24 037 fois - Téléchargée 26 fois

Contenu du snippet

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

Source / Exemple :


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 ! :)

A voir également

Ajouter un commentaire

Commentaires

cs_nossoctoruss
Messages postés
126
Date d'inscription
samedi 28 novembre 2009
Statut
Membre
Dernière intervention
9 juin 2013

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!
cs_canibale
Messages postés
33
Date d'inscription
mardi 23 mai 2006
Statut
Membre
Dernière intervention
28 février 2009

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 !
vers.gui
Messages postés
6
Date d'inscription
mercredi 8 octobre 2003
Statut
Membre
Dernière intervention
6 août 2004

"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 ?
XSimpson
Messages postés
31
Date d'inscription
mercredi 23 avril 2003
Statut
Membre
Dernière intervention
7 octobre 2004

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à
Alessandrau
Messages postés
2
Date d'inscription
samedi 29 novembre 2003
Statut
Membre
Dernière intervention
30 novembre 2003

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

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.