Hola:
Estoy creando un index donde se selecciona una imagen y dependiendo la imagen que se seleccione sale un formulario de usuario y contraseña; ya logre que al darle click en la imagen se aparezca el formulario respectivo para cada imagen, el detalle es que si le das click a las dos imagenes aparecen los dos formularios, como puedo hacer para que al darle click en una imagen aparezca el formulario pero si le doy click a la otra desaparezca el que esta visible y aparezca solo el otro formulario . . .
Les dejo el codigo del javascript
:
Código:
<script type="text/javascript">
function mostrar() {
f = document.frm;
f.style.display = (f.style.display=='none') ? 'block' : 'none';
}
function mostrar() {
f = document.frm;
f.style.display = (f.style.display=='none') ? 'block' : 'none';
}
</script>
Y el codigo html para las imagenes y los formularios:
Código:
<a onclick = "mostrar()"><img src="imagen1.jpg" /></a>
<form name="frm" action="acceso.php" method="post" style="display:none">
<input type="hidden" name="acceso" value="nami" />
<input type="text" name="usr" id="usr" />
<input type="password" name="psw" id="psw" />
<input type="submit" value="Entrar" />
</form>
<a onclick = "mostrar1()"><img src="imagen2.jpg" /></a>
<form name="frm1" action="acceso.php" method="post" style="display:none">
<input type="hidden" name="acceso" value="ola" />
<input type="text" name="usr" id="usr" />
<input type="password" name="psw" id="psw" />
<input type="submit" value="Entrar" />
</form>
Espero me puedan ayudar.
Saludos