JavascriptProva

venerdì 24 febbraio 2012

Menu popup in Javascript col pulsante destro del mouse.

...per il resto, a parte lo "zittimento" del tasto destro del mouse, la procedura è praticamente uguale a quella che ho ideato io!
Riporto l'indirizzo.

Riscrivo il codice:
<html>
<head>

</head>
<body>
<div id="menu" style="visibility:hidden;position:absolute;left:0px;top:100px">
<a href="pinco">Pinco</a><br>
<a href="pallino">Pallino</a><br>
<a href="gigio">Gigio</a>
</div>

<img src="italia.jpg">
</body>
<script>
function displayMenu(event){
 var menu=document.getElementById("menu");
 if (event.button==2){
  menu.style.left=event.clientX;
  menu.style.top=event.clientY;
  menu.style.visibility="visible";
 }
 else{
  menu.style.visibility="hidden";
 }
}
 
window.onclick=displayMenu;
window.oncontextmenu=function(){return false;}
</script>
</html>
Non proprio uguale... c'è una piccola incongruenza, la vedremo dopo... Comunque il concetto di base è identico!

Nessun commento:

Posta un commento