Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/07/2008, 14:19
Avatar de xbx
xbx
 
Fecha de Ingreso: mayo-2008
Ubicación: /home/xbx
Mensajes: 301
Antigüedad: 16 años
Puntos: 11
Respuesta: Cambiar atributo de un form con DOM

Amigo jmagago84,

En tu funcion debes cambiar el valor de visibility del div (el cual se encuentra en hidden) y no del form.

Tambien en tu link <a> es necesario que devuelvas false (return false;) para que no se realice la accion del link.

asi queda tu codigo:

Cita:
<html>
<head>
<script>
<!--
function visibleFormLogin(){
var div_form_login = document.getElementById("div_form_login");
div_form_login.setAttribute('style', 'visibility: visible;');
}
//-->
</script>

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

</head>

<body>

<a href="" onclick="visibleFormLogin();return false;">Login</a>

<div id="div_form_login" style="visibility:hidden">
<form id="login-form" action="" 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>


</html>

Espero que te sirva. Saludos

PD: Tambien quieres que se oculte al volver a clickear?