
Yo quiero que al pulsar en Entrar, aparezca esto:

Alguien me dice como podría hacer esto con JavaScript?
Muchas gracias de antemano!!
| |||
Mostrar/Ocultar login Hola amigos!! Mi duda es la siguiente: quiero crear una subcabecera en mi web que sin pulsar en ella ni nada tenga el siguiente aspecto: ![]() Yo quiero que al pulsar en Entrar, aparezca esto: ![]() Alguien me dice como podría hacer esto con JavaScript? Muchas gracias de antemano!! |
| |||
Respuesta: Mostrar/Ocultar login Hola Thecrack, a bote pronto, crearía un par de labels, sin contenido, en las posiciones en las que después aparecerían las cajas de texto. En el botón 'Entrar', asocia una función al evento onClick que haga lo siguiente: Código HTML: document.getElementById('usuario').innerHtml = '<input type=text......>' document.getElementById('password').innerHtml = '<input type=text......>' Creo que no tendrías muchos problemas si lo haces así. saludos |
| |||
Respuesta: Mostrar/Ocultar login Ok ;) En tu cabecera vas a tener un botón "Entrar" y dos cajas de texto, una para meter el usuario y otra para la password. Suponiendo que metas los tres en una tabla, te quedaría así: Código HTML: <table> <tr> <td><input type=submit action='pagina_destino' value='Entrar' onClick=\"javascript:mostrarLogin();\"></td> <td><label id='label_usuario'></label></td> <td><label id='label_password'></label></td> </tr> </table> Código HTML: function mostrarLogin(){ document.getElementById('label_usuario').innerHtml = "<input type=text id='usuario'>"; document.getElementById('label_password').innerHtml = "<input type=text id='password'>"; } Espero habértelo aclarado ;) Posiblemente haya otras fromas de hacerlo, quizá mejores, pero no creo que debas tener muchos problemas en hacerlo así. saludos Última edición por Borsetto; 19/01/2011 a las 11:39 Razón: Aclaración |
| |||
Haces un div en el cual metes los dos campos y con CSS le asignas visibility:hidden; (para que sea invisible):
Código HTML:
Ver original
Código CSS:
Ver original Haces la función JavaScript:
Código Javascript:
Ver original Y en el botón Entrar llamas la función:
Código HTML:
Ver original ![]()
__________________ 01011111 01000001 01100100 01110010 01101001 01100001 01101110 01011111 |
| |||
Respuesta: Mostrar/Ocultar login Cita: Mmmm... thecrack, si hubieras mirado un poquillo lo hubieras sacado. El error era haber puesto 'innerHtml' cuando es 'innerHTML'... ;) Bueno, no pasa nada, te pongo aquí un standalone muy simple que funciona perfectamente. Código HTML: <html><head> <script> function mostrarLogin(){ document.getElementById('label_usuario').innerHTML = "<input type=text id='usuario' size=10>"; document.getElementById('label_pw').innerHTML = "<input type=text id='password' size=10>"; } </script> </head> <body> <table style='background-color:green;'> <tr> <td><input type='button' value='Entrar' onClick="mostrarLogin();"></td> <td width=100><label name='label_usuario' id='label_usuario'></label></td> <td width=100><label name='label_pw' id='label_pw'></label></td> </tr> </table> </body> </html> |
Etiquetas: |