Menu emergente javascript

Esta rutina despliega un menú emergente cuando el usuario pulsa el botón derecho del mouse.

Código Javascript


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Menú desplegable apartir del botón derecho</TITLE>
<STYLE>.skin0 {
	BACKGROUND-COLOR: #ffffcc; BORDER-BOTTOM: black 2px solid; BORDER-LEFT: black 2px solid; BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; CURSOR: default; FONT-FAMILY: Verdana; FONT-SIZE: 10px; LINE-HEIGHT: 15px; POSITION: absolute; VISIBILITY: hidden; WIDTH: 225px
}
.menuitems {
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px
}
</STYLE>
<SCRIPT language=JavaScript1.2>
var menuskin=0
var display_url=0
function showmenuie5(){
var rightedge=document.body.clientWidth-event.clientX
var bottomedge=document.body.clientHeight-event.clientY
if (rightedge<ie5menu.offsetWidth)
ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidth
else
ie5menu.style.left=document.body.scrollLeft+event.clientX
if (bottomedge<ie5menu.offsetHeight)
ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeight
else
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"){
if (event.srcElement.getAttribute("target")!=null)
window.open(event.srcElement.url,event.srcElement.getAttribute("target"))
else
window.location=event.srcElement.url
}
}
</SCRIPT>
</HEAD>
<BODY>
<br>
<P align=center>Pulsa el botón derecho del mouse para ver el menú emergente.</p>
<!--[if IE]>
<DIV class=skin0 id=ie5menu onclick=jumptoie5() onmouseout=lowlightie5() 
onmouseover=highlightie5()>
<DIV class=menuitems target="_top" url="#">• Opción Nº 1</DIV>
<DIV class=menuitems target="_top" url="#">• Opción Nº 2</DIV>
<DIV class=menuitems target="_top" url="#">• Opción Nº 3</DIV>
<DIV class=menuitems target="_top" url="#">• Opción Nº 4</DIV>
<DIV class=menuitems target="_top" url="#">• Opción Nº 5</DIV>
</div>
<![endif]-->
<SCRIPT language=JavaScript1.2>
if (document.all&&window.print){
if (menuskin==0)
ie5menu.className="skin0"
else
ie5menu.className="skin1"
document.oncontextmenu=showmenuie5
document.body.onclick=hidemenuie5
}
</SCRIPT>
</BODY></HTML>
Ver ejemplo Javascript en funcionamiento