Hola me llamo Iñaki y tengo un problema con un menu de javascript, mi problema es el siguiente, tengo un menu similar al de desarrolloweb.com, es decir dos filas dentro de una tabla.
En la 1ª esta el menu, que cunado pasa el raton por encima sale el submenu en la 2ª fila y dependiendo de cual pulses salen unos valores u otros, hasta aki bien.
Mi problema es el siguiente:
Cuando paso por un menu si se muestra, pero no se oculta y despues cuando paso por otro me lo escribe debajo en vez de ocultar el anterior y mostrar el que tendria que mostrar.
Esto es para mi proyecto final de carrera, si me podrias ayudar te lo agredeceria mucho e incluso resolverte otras dudas de otras cosas. Te Necesito Ayudame.
Te envio el´código fuente para que le eches un vistazo y si eso me lo corrijas o me digas que esta mal.
/*********codigo***************************/
<html>
<head>
<title>===>JASBER - FABRICA DE ORDENADORES<===</title>
<link rel="stylesheet" type="text/css" href="hojas de estilos/estilos.css">
<script language="JavaScript">
var capa1, capa2, capa3, capa4, capa5, capa6, capa7
function init(){
capa1=descripcion1.style
capa2=descripcion2.style
capa3=descripcion3.style
capa4=descripcion4.style
capa5=descripcion5.style
capa6=descripcion6.style
capa7=descripcion7.style
}
function muestra(obj){
oculta()
obj.visibility="visible"
}
function oculta(obj){
if (descripcion1.style.visibility=="visible")
descripcion1.style.visibility=="hidden"
else if (descripcion2.style.visibility=="visible")
descripcion2.style.visibility=="hidden"
else if (descripcion3.style.visibility=="visible")
descripcion3.style.visibility=="hidden"
else if (descripcion4.style.visibility=="visible")
descripcion4.style.visibility=="hidden"
else if (descripcion5.style.visibility=="visible")
descripcion5.style.visibility=="hidden"
else if (descripcion6.style.visibility=="visible")
descripcion6.style.visibility=="hidden"
else if (descripcion7.style.visibility=="visible")
descripcion7.style.visibility=="hidden"
}
</script>
</head>
<body onLoad="init()">
<table class="tablageneral" align="center" width="760px" height="397" cellspacing="0">
<tr bgcolor="F35A5A" align="left">
<td height="24" colspan="3">
<p>
<div id="CapaNormal">
<a class="menu" onMouseOver="muestra(capa1)" onMouseOut="oculta()" href="#">EQUIPOS SOBREMESA</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa2)" onMouseOut="oculta()" href="#">EQUIPOS PORTATILES</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa3)" onMouseOut="oculta()" href="#">TELEFONIA </a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa4)" onMouseOut="oculta()" href="#">PERIFERICOS Y CONSUMIBLES</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa5)" onMouseOut="oculta()" href="#">OFICINA</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa6)" onMouseOut="oculta()" href="#">SERVICIOS</a>
<a class="barramenu"> | </a>
<a class="menu" onMouseOver="muestra(capa7)" onMouseOut="oculta()" href="#">USUARIOS</a>
<a class="barramenu"> | </a>
</div>
</td>
</tr>
<tr bgcolor="BCD7D5" align="left">
<td height="29" colspan="3">
<div id="descripcion1" style="visibility:hidden" onMouseOver="muestra(capa1)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion2" style="visibility:hidden" onMouseOver="muestra(capa2)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion3" style="visibility:hidden" onMouseOver="muestra(capa3)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion4" style="visibility:hidden" onMouseOver="muestra(capa4)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion5" style="visibility:hidden" onMouseOver="muestra(capa5)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion6" style="visibility:hidden" onMouseOver="muestra(capa6)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
<div id="descripcion7" style="visibility:hidden" onMouseOver="muestra(capa7)" onMouseOut="oculta()">
<a class="menu2" href="construir.php">CONTRUYETE TU ORDENADOR</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">INTEL</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">AMD</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra.php">BAREBONE</a>
<a class="barramenu2"> | </a>
<a class="menu2" href="muestra">OTROS</a>
<a class="barramenu2"> | </a>
</div>
</td>
</tr>