Esta rutina despliega un menú emergente cuando el usuario pulsa el botón derecho del mouse.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 |
<!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> |