Morpheusweb.it - Risorse per webmaster: script, ASP.NET, C#, Visual Basic .Net, tutorial, asp, javascript, css, php, html, java, ADO, VBScript, forms, frames, Active Server Pages, Dynamic HTML, database, gratis per webmaster e webdesigner

Menu da tasto destro

Menu contestuale che si apre cliccando con il tasto destro del mouse.


¤ Clicca qui per visualizzare la demo... ¤

<STYLE>
  #ie5menu {
  position:absolute;
  width:140px;
  border:2px solid black;
  background-color:menu;
  font-family:Verdana;
  line-height:20px;
  cursor:default;
  visibility:hidden;

}
.menuitems {
  padding-left:15px;
  padding-right:15px;

}
</STYLE>

<SCRIPT>

// Cambia il valore di questa variabile in 1 se vuoi che i link vengano visualizzati sulla status bar
var display_url=0

function showmenuie5()
{
  ie5menu.style.left=document.body.scrollLeft+event.clientX
  ie5menu.style.top=document.body.scrollTop+event.clientY
  ie5menu.style.visibility="visible"
  return false
}

function
hidemenuie5()
{
  ie5menu.style.visibility="hidden"
}

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

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

function
jumptoie5()
{
  if
(event.srcElement.className=="menuitems")
    window.location=event.srcElement.url
}

</SCRIPT>

<!--[if IE]>
<div id="ie5menu" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5()">
<div class="menuitems" url="#">
LINK1</div>
<div class="menuitems" url="#">
LINK2</div>
<div class="menuitems" url="#">
LINK3</div>
<div class="menuitems" url="#">
LINK4</div>
<div class="menuitems" url="#">
LINK5</div>
<hr>
<div class="menuitems" url="#">
LINK5</div>
</div>

<![endif]-->

<script>
document.oncontextmenu=showmenuie5
if (document.all&&window.print)
  document.body.onclick=hidemenuie5
</script>



Scarica il Codice...


Stampa la pagina


 

Inizio pagina

risorse per webmaster