Hola! estoy empezando a programar por mi cuenta en javascript y quiero mostrar en mi web una especie de menú a la izquierda y que al pasar el raton por encima de cada capa del menú me aparezca la capa ke muestre esa opcion del menú justo en el centro de la web.
El problema llega porque no sé exactamente como hacerlo, he creado una capa para cada elemento del menú pero al intentar añadirle el evento onMouseover a dicha capa para que aparezca la capa central no me hace nada la web, no se si será porque no le paso la capa que quiero mostrar a la funcion del evento , ya que no se exactamente cómo acceder al objeto que guarda la informacion de cada capa. bueno les dejo el codigo de las capas, el de las 2 funciones y el del código html.
<style type="text/css">
#mostrardir
{
position: absolute;
top:62.5%;
left:22%;
height:19%;
width:17%;
color:#000;
font-weight: bold;
background-color: #999;
background-image: url(images/direccion2.JPG);
}
#direccion
{
position: absolute;
top:55%;
left:4%;
height:5%;
width:8%;
color:#000;
font-weight: bold;
}
</style></head>
<body>
<script type="text/javascript">
function mostrarcapa(capilla)
{
document.getElementById(capilla).style.visibility= 'visible';
}
function ocultarcapa(capilla)
{
document.getElementById(capilla).style.visibility= 'hidden';
}
</script>
<div id=uno></div>
<div id=fachada></div>
<div id="direccion" onMouseover="mostrarcapa(mostrardir);" onMouseout="ocultarcapa(mostrardir);" > Dirección</div>
utilizando en el onmouseover this.style.visibility ..... sí que me oculta y me muestra la capa direccion, pero no es la "direccion" la que quiero mostrar, sino que se pase el raton sobre la capa "direccion" y se muestre la capa "mostrardir".
Otra preguntilla... por algunos lugares tb he visto llamar a las funciones y hacer que devuelvan true o false en la misma declaracion del div id, ¿para qué se hace eso? que sentido tiene el true o el false ahí?
espero que podais ayudarme foreros! y gracias de antemano.
