Necesito que me ayuden con el siguente tema, quiero utilizar un script de Carlitos el famoso menu contextual.
Que al presionar el boton derecho del mouse se abre un menu desplegable, el tema es que quiero ke solo se abra sobre un grupo de link se puede hacer eso
como por ejemplo funciona el menu de Buscar de forosdelweb que se abre con el boton izquierdo.
Me esplico...
Aca dejo el codigo de carlitos por si no lo conocen.
Código PHP:
<html>
<head>
<LINK REL="STYLESHEET" HREF="../estidos.css" TYPE="text/css">
<script type="text/javascript">
/**************************************************************
Menú contextual. Por Carlitos. [email protected]
Si usas este script, deja intactas estas líneas (créditos). Vale?
También te agradecería un e-mail con tus comentarios. ([email protected])
Agradecimientos a la comunidad de javascript de forosdelweb (www.forosdelweb.com)
Menú contextual v.2 En fase de experimentación.
****************************************************************/
if(top==self) top.location="../index.htm?"+document.location.pathname // esta línea no pertenece al script. se puede borrar.
var ns4 = (document.layers)? true:false
var ie = (document.all)? true:false
var ns6 = (document.getElementById && !document.all) ? true: false;
var coorX, coorY;
if (ns6) document.addEventListener("mousedown", coord, true)
if (ns4) {document.captureEvents(Event.MOUSEDOWN); document.mousedown = coord;}
if (ie) document.onmousedown = coord
function coord(e)
{
if (ns4||ns6) {
coorX = e.pageX;
coorY = e.pageY;
}
if (ie) {
coorX = event.x;
coorY = event.y;
}
if (document.layers && !document.getElementById){
if (e.which == 2 || e.which == 3){
mostrar()
return false;
}
}
return true;
}
function mostrar()
{
with(document.getElementById("menu")) {
style.top = coorY + 10;
style.left = coorX + 10;
style.visibility = "visible";
}
return false
}
function ocultar()
{
document.getElementById("menu").style.visibility = "hidden";
}
document.oncontextmenu=mostrar
</script>
<style>
.skin0
{
position:absolute;
text-align:left;
width:220px;
border:2px solid black;
background-color:menu;
font-family:Verdana;
line-height:20px;
cursor:default;
}
.menuitems
{
font-size: 10pt;
FONT-FAMILY:Arial, Verdana
padding-left:15px;
padding-right:20px;
height: 15px;
text-indent: 10pt;
line-height: 15pt;
}
</style>
</head>
<body onclick="ocultar()">
Menú contextual. En fase de experimentación.
Pulsa el botón derecho.
<div id="menu" class="skin0" style="visibility:hidden">
<div class="menuitems" onclick="location.href='index.htm'" onmouseover="this.style.background='highlight';this.style.color='white'" onmouseout="this.style.background='menu';this.style.color='black'"> Index </div>
<hr>
<div class="menuitems" onclick="window.print()" onmouseover="this.style.background='highlight';this.style.color='white'" onmouseout="this.style.background='menu';this.style.color='black'"> Imprimir</div>
<div class="menuitems" onclick="location.href='index2.htm'" onmouseover="this.style.background='highlight';this.style.color='white'" onmouseout="this.style.background='menu';this.style.color='black'"> Index2</div>
<hr>
<div class="menuitems" onclick="window.close()" onmouseover="this.style.background='highlight';this.style.color='white'" onmouseout="this.style.background='menu';this.style.color='black'"> Cerrar Ventana</div>
</div>
<SCRIPT type="text/javascript">
function verFuente(){
window.location = "view-source:" + window.location ;
}
</SCRIPT>
<p>
<A href="javascript:verFuente();">Ver código fuente</A>
</body>
</html>
