top of page

4.14 menu emergente

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=0var display_url=0function showmenuie5(){var rightedge=document.body.clientWidth-event.clientXvar bottomedge=document.body.clientHeight-event.clientYif (rightedge<ie5menu.offsetWidth)ie5menu.style.left=document.body.scrollLeft+event.clientX-ie5menu.offsetWidthelseie5menu.style.left=document.body.scrollLeft+event.clientXif (bottomedge<ie5menu.offsetHeight)ie5menu.style.top=document.body.scrollTop+event.clientY-ie5menu.offsetHeightelseie5menu.style.top=document.body.scrollTop+event.clientYie5menu.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"))elsewindow.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"elseie5menu.className="skin1"document.oncontextmenu=showmenuie5document.body.onclick=hidemenuie5}</SCRIPT></BODY></HTML>

 

bottom of page