Un menu contextuel, qui s'affiche sur un clic droit de la souris.
A l'origine ce script viens du site Firstpointcom.com, que j'ai légèrement modifé. Entre autre pour que le menu disparaisse au second clic droit, ou au clic gauche sur la page.
Le menu étant une DIV, on peut y mettre ce qu'on veut des images, des liens, de champs, ...
Source / Exemple :
<HTML><HEAD>
<STYLE type="text/css">
A:link {color: #808080;text-decoration:none;} A:visited {color: #808080;text-decoration:none;} A:hover {color: #C0C000;text-decoration:underline;}
#contextMenu {
position: absolute;
visibility: hidden;
width: 150px;
background-color: lightyellow;
layer-background-color: lightgrey;
border: 2px outset white;
}
</STYLE>
<SCRIPT>
var menu;
function hideMenu() { document.all.contextMenu.style.visibility="hidden"; }
function showMenu (evt) {
if (document.all) {
if (event.type == "contextmenu") {
document.all.contextMenu.style.pixelLeft = event.clientX;
document.all.contextMenu.style.pixelTop = event.clientY;
document.all.contextMenu.style.visibility=='visible'?document.all.contextMenu.style.visibility='hidden':document.all.contextMenu.style.visibility='visible';
return false;
}
}
else if (document.layers) {
if (evt.which == 3) {
document.contextMenu.left = evt.x;
document.contextMenu.top = evt.y;
document.contextMenu.onmouseout = function (evt) { this.visibility = 'hide'; };
document.contextMenu.visibility=='show'?document.contextMenu.visibility='hide':document.contextMenu.visibility='show';
return false;
}
}
return true;
}
if (document.all) {
document.oncontextmenu = showMenu;
document.onclick = hideMenu;
}
if (document.layers) {
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown = showMenu;
}
</SCRIPT>
</HEAD>
<BODY onclick="showMenu('Event.MOUSEDOWN')">
<DIV ID="contextMenu">
<img src="news.gif"> <A HREF="http://www.firstpointcom.com">FirstPointCom</A>
<BR>
<img src="news.gif"> <A HREF="http://www.javascriptfr.com">Javascriptfr</A>
</DIV></BODY></HTML>
Conclusion :
Bien sur vous pouvez mettre n'importe qu'elle image à la place, ici pour l'exemple j'en ai mise une toute petite, comme il y a dans les menu de ce site.
Remarques, question, ... n'hésitez pas ;)
En fait il y a déjà 2 ou 3 codes qui ressemble beaucoup à ca j'ai vu !! (Tant pis)
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.