cómo funciona este menú dinámico

MandrakeXP · #1 (**permalink**) 29/05/2008, 05:42

Hola,

si veis en esta web: http://www.vertele.com

el menú horizontal superior, al poner el mouse por encima de "Actualidad", "documentación" aparece unos submenus HTML que estaban ocultos. He deshabilitado el Javascript de mi navegador (firefox) y el menú sigue funcionando. Esto me interesa porque es un menú muy accesible.

He mirado el código pero no veo dónde está el funcionamiento de mostrar/ocultar:

Los links tienen esto:
<a href="#" onClick="return false;">Actualidad</a>

y no veo nada de JS en su código nada referente a su funcionamiento...

veis algo vosotros?

gracias

MandrakeXP · #2 (**permalink**) 29/05/2008, 15:46

help

posman · #3 (**permalink**) 29/05/2008, 16:33

en el codigo fuente de la pagina se hace referencia al archivo /js/iehover-fix.js
Ahi es donde se hacen aparecer los "submenus" que en realidad son otras listas

chalchis · #4 (**permalink**) 29/05/2008, 23:14

una pregunta nunca lo he hecho pero si se deshabilita el javascript de navegador los js que se incluyen funcionara_???

saludos
espero sus comentarios

MandrakeXP · #5 (**permalink**) 30/05/2008, 00:43

cualdo deshabilitas el JS del navegador no suelen ir los efectos JS,pero en este caso, el menu www.vertele.com sigue funcionando que es lo raro :|

KarlanKas · #6 (**permalink**) 30/05/2008, 01:06

Porque está hecho con css.

MandrakeXP · #7 (**permalink**) 30/05/2008, 01:15

si CSS, pero el mecanismo de esconder/mostrar llevará JS ¿no? si deshabilitais en vuestro browser JS también os funciona ese menú?

KarlanKas · #8 (**permalink**) 30/05/2008, 01:19

No tiene por qué.

Un ejemplo tonto:

<html>
<head>
<title>Untitled</title>
<style>
ul{
height:20px;
overflow:hidden;
border:solid 1px silver;
width:150px;
}
ul:hover{
height:120px;
}

</style>
</head>

<body>
<ul>
<li>Ver números</li>

<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>

</body>
</html>

MandrakeXP · #9 (**permalink**) 30/05/2008, 01:57

excelente ejemplo KarlanKas. En caso de que el usuario tenga el JS deshabiitado es muy accesible. Sigo investigando el menú del que hablaba... porque me es muy interesante

KarlanKas · #10 (**permalink**) 30/05/2008, 02:00

Sé que IE tiene un pequeño problema con el hover en elementos que no sean A (anchors) en versiones anteriores a la 7. Es por ello que hay que poner un pequeño scrit como el que tiene la página que dices.

Mira aquí:
http://www.howtocreate.co.uk/tutorials/testMenu.html