Algo como el "Iniciar sesión" de FDW?

#1 (**permalink**) 27/02/2010, 19:35

Hola,

Estoy intentando hacer algo parecido a lo que pasa cuando pones el ratón sobre "Iniciar sesión" en Foros Del Web: que aparece ese formulario y puedes iniciar sesión.

Me imagino que será un div que se le cambia la opacidad, y que salta con el evento onMouseOver? Bueno, el caso es que ni sé cómo hacerlo ni sé cómo lo hace :P

He mirado el código fuente y creo que es un script de Yahoo o algo así...no hay alguna forma más fácil de hacerlo?

Gracias!

kukok · #2 (**permalink**) 27/02/2010, 20:26

Bueno se me ocurre que la manera puede ser con javascript, aprovechandote de la propiedad display de css.

Haciendo eso puedes "esconder" una caja "div" con un posicionamiento absoluto que le des tu en las propiedades css. y ocn la propiedad "onmouseover" como tu dices, pues puedes hacerlo aparecer.

Mirate un poco algun manual de javascript, ya verás que no es dificil.

Si no te sale dilo que te lo hago vale?

Vun · #3 (**permalink**) 27/02/2010, 20:31

Echa un vistazo por esta busqueda:
http://www.forosdelweb.com/search.ph...272538%2F#1294

#4 (**permalink**) 27/02/2010, 21:40

Ok, mañana probaré a hacer un evento onMouseOver que llame a javascript para cambiar la visibilidad del div a "visibility:visible;"....o eso me habéis dado a entender.

Mañana contaré si funcionó....que aquí son las 4:40 de la madrugada :P

#5 (**permalink**) 28/02/2010, 09:49

Vale ya está......dejo el código por si a alguien le es útil:

Código Javascript:

Ver original<script languaje="JavaScript">
            function mostrar_div(nombreDiv) 
                { 
                document.getElementById(nombreDiv).style.visibility="visible";
                }   
        </script>

Código HTML:

Ver original<a onMouseOver="mostrar_div('login')" href="login.php">Login</a>
<div id="login" style="visibility:hidden"><a>(formulario para iniciar sesion)</a></div>