Cita:
Iniciado por alarga 
Pues si, y ya la he encontré
Me he puesto a cavilar y por fin he dado con la solución, ya tengo mi menú terminado. La solución consiste en crear dos funciones genéricas, una para mostrar capas y otras para ocultarlas, y en utilizar los eventos
onMouseOver y
onMouseOut.
Saludos.
PD: que de cosas se aprenden cuando se tiene que buscar uno mismo la vida
buenas. sé que hace tiempo de esto, ¿pero podrías decirme cómo lo has hecho?
yo he estado investigando y no doy con la tecla.
aver, tengo una versión que me va bien. pero claro, para que se oculte el contenido de nuevo tengo que pasar el cursor por el enlace:
Código PHP:
<script type="text/javascript">
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'visible') ? 'hidden' : 'visible';
}
</script>
<body>
<a href="#" onmouseover="mostrar(this,'capa'); return false"><input type="button" value=" Ver contenido "></a>
<div id="capa" style="visibility:hidden">
<a href="http://www.google.es" target="_blank"><input type="button" value=" Google "></a>
<a href="http://www.yahoo.es" target="_blank"><input type="button" value=" Yahoo "></a>
</div>
</body>
aquí me puedo permitir el poner enlaces a otras webs o editar el texto con <font>.
sin embargo, en esta otra versión, ocurren dos problemas, a pesar de que se soluciona uno:
·se soluciona el problema de que no se oculta el contenido automáticamente.
·surge el problema de que, a pesar de que se oculta el contenido, no puedo pasar de una palabra a otra, ya que entre medias queda un hueco y se ocultaría todo (tengo que pasar el cursor por el enlace otra vez para que se muestre el contenido).
·a diferencia de la otra versión, no puedo poner enlaces, ya que por alguna extraña razón, no funciona el efecto de ocultar automáticamente el contenido al quitar el cursor. para que se oculte tengo que pasar el cursor por un "no-enlace" (por así decirlo). pero es que hay más: el texto situado por debajo de un enlace, tampoco funciona.
aquí dejo la segunda versión:
Código PHP:
<html>
<script type="text/javascript">
function mostrar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'visible';
}
function ocultar(enla,etik) {
obj = document.getElementById(etik);
obj.style.visibility = (obj.style.visibility == 'hidden') ? 'visible' : 'hidden';
}
</script>
<a href="#" onmouseover="mostrar(this,'capa'); return false"><input type="button" value=" Ver "></a>
<div id="capa" style="visibility:hidden">
<a href="#" onmouseout="ocultar(this,'capa'); return false">
aaaaaa<p>
bbbbb<br>
<font size=4 face="arial black" color=blue>cccccc</font><br>
<a href="http://rae.es">RAE</a><br>
<a href="http://elmundo.es"><input type="button" value=" El mundo "></a><br>
<a href="http://google.es"><input type="button" value=" Google "></a><br>
<font size=4 face="arial black" color=black>ddddd</font>
</a></div></a>
</html>
he probado poniendo <div> con capas nuevas, pero no da resultado o se hace inestable.
espero que me puedas ayudar
un saludo.