Ver Mensaje Individual
  #1 (permalink)  
Antiguo 26/07/2008, 12:34
jmagago84
 
Fecha de Ingreso: agosto-2007
Mensajes: 106
Antigüedad: 17 años, 4 meses
Puntos: 0
Cambiar atributo de un form con DOM

Hola!
Tengo un formulario que en principio esta no visible, pero que al pulsar la palabra Login se vuelva visible en la misma página. Quiero hacerlo a través de DOM con una función, pero en principio no sé como cambiar el atributo style="display:none" del form desde la función.
Este es el código:

<title>Index</title>
<script type="text/javascript" src="scripts/funciones.js"></script>
</head>

<body>
<a href="" onclick="return visibleFormLogin()">Login</a>
<div id="div_form_login" style="display:none">
<form id="login-form" method="post" >
<div id="div_email">
<label id="label_email" for="email">Email:</label>
<input id="email" name="email" type="text" />
</div>
<div id="div_password">
<label id="label_password" for="password">Password:</label>
<input id="password" name="password" type="password" />
</div>
<div id="submit">
<input id="entrar" name="entrar" value="Entrar" type="submit" />
</div>
</form>
</div>
</body>


Y por ahora lo que llevo de la función....

function visibleFormLogin(){
var loginForm = document.getElementById("login-form");
...........
}


Básicamente es que no se cómo cambiar el atributo de visibilidad, bueno, y si encima se vuelve visible poco a poco mejor que mejor.
¿Alguna idea??

Gracias!!