fallo tonto en menu desplegable ahi va el codigo
cris
06 de Febrero del 2004
Este es el codigo de un menu desplegable generado con dreamweaver MX . Funciona bien. El fallo es que el submenu no se oculta bien apesar de tener en su capa un onmouseout ocultar capa porque se cierra tb al pasar el raton sobre submenu 1-2, 1-3 y 1-4
Creo q el codigo esta bien ¿qué ocurre?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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_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_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>
<div id="Layer1" style="position:absolute; left:8px; top:30px; width:120px; height:21px; z-index:2; visibility: hidden;">
<div id="subcapa1" style="position:absolute; left:90px; top:-12px; width:181px; height:165px; z-index:1" onMouseOut="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','hide','subcapa4','','hide')">
<table width="80%" border="0" align="left" cellspacing="0" bgcolor="#FFFF33">
<tr>
<td>submenu 1.1</td>
</tr>
<tr>
<td>submenu 1-2</td>
</tr>
<tr>
<td>submenu 1-3</td>
</tr>
<tr>
<td>submenu 1-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer2" style="position:absolute; left:8px; top:51px; width:120px; height:20px; z-index:3; visibility: hidden;">
<div id="subcapa2" style="position:absolute; left:90px; top:-10px; width:159px; height:25px; z-index:3">
<table width="80%" border="0" cellspacing="0" bgcolor="#FF33CC">
<tr>
<td>subcapa2-1</td>
</tr>
<tr>
<td>subcapa 2-2</td>
</tr>
<tr>
<td>subcapa 2-3</td>
</tr>
<tr>
<td>subcapa 2-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer3" style="position:absolute; left:8px; top:70px; width:120px; height:23px; z-index:4; visibility: hidden;">
<div id="Layer5" style="position:absolute; left:90px; top:4px; width:145px; height:22px; z-index:4">
<table width="80%" border="0" cellspacing="0" bgcolor="#99FF33">
<tr>
<td>subcapa 3-1</td>
</tr>
<tr>
<td>subcapa 3-2</td>
</tr>
<tr>
<td>subcapa 3-3</td>
</tr>
<tr>
<td>subcapa 3-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer4" style="position:absolute; left:8px; top:93px; width:120px; height:21px; z-index:5; visibility: hidden;">
<div id="subcapa4" style="position:absolute; left:90px; top:2px; width:176px; height:64px; z-index:5; visibility: hidden;">
<table width="80%" border="0" cellspacing="0" bgcolor="#66CCFF">
<tr>
<td><a href="#">subcapa 4- 1</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 2</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 3</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 4</a></td>
</tr>
</table>
</div>
</div>
<table width="12%" border="0" cellspacing="0">
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','show','subcapa2','','hide','Layer5','','hide','subcapa4','','hide')">menu 1</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','show','Layer5','','hide','subcapa4','','hide')">menu 2</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','show','subcapa4','','hide')">menu 3</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','hide','subcapa4','','show')">menu 4</a></div></td>
</tr>
</table>
</body>
</html>
Creo q el codigo esta bien ¿qué ocurre?
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<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_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_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>
<div id="Layer1" style="position:absolute; left:8px; top:30px; width:120px; height:21px; z-index:2; visibility: hidden;">
<div id="subcapa1" style="position:absolute; left:90px; top:-12px; width:181px; height:165px; z-index:1" onMouseOut="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','hide','subcapa4','','hide')">
<table width="80%" border="0" align="left" cellspacing="0" bgcolor="#FFFF33">
<tr>
<td>submenu 1.1</td>
</tr>
<tr>
<td>submenu 1-2</td>
</tr>
<tr>
<td>submenu 1-3</td>
</tr>
<tr>
<td>submenu 1-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer2" style="position:absolute; left:8px; top:51px; width:120px; height:20px; z-index:3; visibility: hidden;">
<div id="subcapa2" style="position:absolute; left:90px; top:-10px; width:159px; height:25px; z-index:3">
<table width="80%" border="0" cellspacing="0" bgcolor="#FF33CC">
<tr>
<td>subcapa2-1</td>
</tr>
<tr>
<td>subcapa 2-2</td>
</tr>
<tr>
<td>subcapa 2-3</td>
</tr>
<tr>
<td>subcapa 2-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer3" style="position:absolute; left:8px; top:70px; width:120px; height:23px; z-index:4; visibility: hidden;">
<div id="Layer5" style="position:absolute; left:90px; top:4px; width:145px; height:22px; z-index:4">
<table width="80%" border="0" cellspacing="0" bgcolor="#99FF33">
<tr>
<td>subcapa 3-1</td>
</tr>
<tr>
<td>subcapa 3-2</td>
</tr>
<tr>
<td>subcapa 3-3</td>
</tr>
<tr>
<td>subcapa 3-4</td>
</tr>
</table>
</div>
</div>
<div id="Layer4" style="position:absolute; left:8px; top:93px; width:120px; height:21px; z-index:5; visibility: hidden;">
<div id="subcapa4" style="position:absolute; left:90px; top:2px; width:176px; height:64px; z-index:5; visibility: hidden;">
<table width="80%" border="0" cellspacing="0" bgcolor="#66CCFF">
<tr>
<td><a href="#">subcapa 4- 1</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 2</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 3</a></td>
</tr>
<tr>
<td><a href="#">subcapa 4- 4</a></td>
</tr>
</table>
</div>
</div>
<table width="12%" border="0" cellspacing="0">
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','show','subcapa2','','hide','Layer5','','hide','subcapa4','','hide')">menu 1</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','show','Layer5','','hide','subcapa4','','hide')">menu 2</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','show','subcapa4','','hide')">menu 3</a></div></td>
</tr>
<tr>
<td><div align="center"><a href="#" onMouseOver="MM_showHideLayers('subcapa1','','hide','subcapa2','','hide','Layer5','','hide','subcapa4','','show')">menu 4</a></div></td>
</tr>
</table>
</body>
</html>