Foros del Web » Creando para Internet » HTML »

problema con menu emergente

Estas en el tema de problema con menu emergente en el foro de HTML en Foros del Web. hola, quería consultar sobre un efecto de menú emergente que quiero colocar en mi barra de navegación. Cuando se pulse sobre uno de los elementos ...
  #1 (permalink)  
Antiguo 23/05/2005, 15:33
 
Fecha de Ingreso: marzo-2005
Mensajes: 12
Antigüedad: 12 años, 8 meses
Puntos: 0
problema con menu emergente

hola, quería consultar sobre un efecto de menú emergente que quiero colocar en mi barra de navegación. Cuando se pulse sobre uno de los elementos de la barra (o se sitúe el ratón encima, para el caso es igual), quiero que aparezca un menú emergente que está en una capa oculta. El tema es que tendría que desaparecer cuando el ratón no esté sobre el elemento de la barra de navegación ni sobre el menú emergente, pero tal y como lo he hecho, desaparece apenas saco el ratón del elemento de la barra. No se como resolver esto, pues no tengo conocimientos de javascript, estoy haciéndolo desde dreamweaver. Ayuda plis!
  #2 (permalink)  
Antiguo 23/05/2005, 15:34
 
Fecha de Ingreso: marzo-2005
Mensajes: 12
Antigüedad: 12 años, 8 meses
Puntos: 0
adjunto el código aquí

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Índice</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link href="estilos.css" rel="stylesheet" type="text/css">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#000000" onLoad="MM_preloadImages('barranav/12.jpg','barranav/22.jpg','barranav/32.jpg','barranav/42.jpg','barranav/52.jpg','barranav/62.jpg')">
<div class="divpral">
<p><img src="images/pral/cabecerapral.jpg"></p>
<table width="600 px" align="center" border="0" cellspacing="0">
<tr>
<td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav1','','barranav/12.jpg',1)"><img src="barranav/11.jpg" alt="la banda" name="nav1" width="100" height="30" border="0"></a></td>
<td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav2','','barranav/22.jpg',1)"><img src="barranav/21.jpg" alt="Ave Fénix" name="nav2" width="100" height="30" border="0"></a></td>
<td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav3','','barranav/32.jpg',1)"><img src="barranav/31.jpg" alt="crónicas" name="nav3" width="100" height="30" border="0"></a></td>
<td width="19%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav4','','barranav/42.jpg',1)"><img src="barranav/41.jpg" alt="media" name="nav4" width="100" height="30" border="0" onClick="MM_showHideLayers('menumedia','','show')" onMouseOut="MM_showHideLayers('menumedia','','hide ')"></a></td>
<td width="17%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav5','','barranav/52.jpg',1)"><img src="barranav/51.jpg" alt="contacta" name="nav5" width="100" height="30" border="0"></a></td>
<td width="7%"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('nav6','','barranav/62.jpg',1)"><img src="barranav/61.jpg" alt="links" name="nav6" width="100" height="30" border="0"></a></td>
</tr>
</table>

</div>
<div id="menumedia" style="position:absolute; left:400px; top:252px; width:163px; height:75px; z-index:1" class="divmedia">
<table width="100%" border="1" bordercolor="#CCCCCC" cellspacing="0">
<tr>
<td>fotos</td>
</tr>
<tr>
<td>fakes</td>
</tr>
<tr>
<td>wallpapers</td>
</tr>
<tr>
<td>escucha a la banda!</td>
</tr>
</table>
</div>

</body>
</html>
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 07:17.