#1• bueno para se concretos primero les mando el codigo del cual necesito ayuda es para que al dar click derecho aparesca un menu |
#2• Pues no veo cual es el gran problema si es muy simple aki va un ejemplo: Codigo: <html> <head> <title>Simple</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <script laguange="JavaScript1.2" type="text/javascript" src="funciones1.js"> </script> <div id="ie5menu" class="skin0" onMouseover="highlightie5()" onMouseout="lowlightie5()" onClick="jumptoie5();"> <div class="menuitems" url="javascript:history.back();">Go Back</div> <div class="menuitems" url="http://javascript.internet.com">Go Home</div> <hr> <div class="menuitems" url="http://forum.javascriptsource.com">JS Forum</div> <div class="menuitems" url="http://faq.javascriptsource.com">Site FAQs</div> <hr> <div class="menuitems" url="http://javascript.internet.com/link-us.html">Link to Us</div> <div class="menuitems" url="http://javascript.internet.com/feedback.html">Contact Us</div> </div> <script language="Javascript1.2" type="text/javascript" src="funciones2.js"></script> </body> </html> He divido en tres archivos más style.css que contendría el estilo css que tu has especificado. style.css Codigo: .skin0 { position:absolute; text-align:left; width:200px; border:2px solid black; background-color:menu; font-family:Verdana; line-height:20px; cursor:default; visibility:hidden; } .skin1 { cursor:default; font:menutext; position:absolute; text-align:left; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; width:120px; background-color:menu; border:1 solid buttonface; visibility:hidden; border:2 outset buttonhighlight; } .menuitems { padding-left:15px; padding-right:10px; } funciones1.js que contiene el código javascript con la función de mostrar los elementos funciones1.js Codigo: var menuskin = "skin0"; 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 = "BABEC2"; event.srcElement.style.color = "white"; if (display_url) window.status = event.srcElement.url; } } function lowlightie5() { if (event.srcElement.className == "menuitems") { event.srcElement.style.backgroundColor = ""; event.srcElement.style.color = "#ff0000"; 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; } } Y funciones2.js que se encarga de mandar llamar a la función que muestra los elementos. funciones2.js Codigo: if (document.all && window.print) { ie5menu.className = menuskin; document.oncontextmenu = showmenuie5; document.body.onclick = hidemenuie5; } Hombre, la verdad es que no tenía mucha ciencia. Pd: ese código ni soñando se ve en Firefox |
ATENCIÓN: Este tema no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un nuevo tema en lugar de responder al actual |
Opciones: Ir al subforo: |
Permisos: TU NO PUEDES Escribir nuevos temas TU NO PUEDES Responder a los temas TU NO PUEDES Editar tus propios mensajes TU NO PUEDES Borrar tus propios mensajes |
Temas similares |
No se han encontrado temas similares |