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:
Y el codigo html para las imagenes y los formularios:<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>
Código:
Espero me puedan ayudar. <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>
Saludos