Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: chocola en 20 Diciembre 2011, 17:42 pm


Título: Ayuda con el desarrollo de un formulario
Publicado por: chocola en 20 Diciembre 2011, 17:42 pm
Hola a todos.

Estoy haciendo un formulario utilizando los siguientes lenguajes(HTML,CSS,PHP)y lo que quiero hacer es lo siguiente:
Cuando el usuario este rellenando el formulario en concreto cuando este escribiendo su numero de teléfono, al escribir 9 números automáticamente le salte el cursos al siguiente campo.

No se si me he explicado bien, espero que me puedan ayudar.

Gracias

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: ‭lipman en 20 Diciembre 2011, 19:05 pm
Eso se haria con javascript.

En el evento de pulsar tecla (creo que era onKeyDown o algo asi) verificas el tamaño del campo de texto, y si es igual a nueve, haces lo de "saltar" que ahora mismo no se me ocurre qué función.

Ahí tienes algo al menos para empezar. Un saludo

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: dark_sargon en 20 Diciembre 2011, 19:28 pm
Como dice Lipman, puedes usar onKeyDown así...
Código
  1. <html xmlns="http://www.w3.org/1999/xhtml">
  2.  
  4.   <title></title>
  5. </head>
  6.  
  8.  
  9.   <form name="formulario">
  10.     Tel&eacute;fono: <input name="tel" type="text" onKeyDown="comprobar()" /><br/>
  11.     Otro campo: <input name="otro" type="text" />
  12.   </form>
  13.  
  14.     <script type="text/javascript">
  15.       function comprobar(){
  16.         if(document.formulario.tel.value.length >= 9){
  17.           document.formulario.otro.focus();
  18.         }        
  19.       }
  20.     </script>
  21.  
  22. </body>
  23.  
  24. </html>

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: chocola en 20 Diciembre 2011, 19:35 pm
Muchisimas gracias amigos

Y me podéis decir como se hace para que cuando se abre el formulario directamente el cursos este en un campo en concreto.

ejemplo cuando abres www.google.es directamente el cursos esta en el campo de buscar, como se puede hacer eso ? y muchas gracias de nuevo

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: chocola en 20 Diciembre 2011, 20:16 pm
Ayudarme  que yo no tengo ni idea de java.  :-(

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: Pablo Videla en 20 Diciembre 2011, 20:24 pm
Cita de: chocola en 20 Diciembre 2011, 20:16 pm
Ayudarme  que yo no tengo ni idea de java.  :-(

Con la funcion focus , la puedes llamar en el body con el onload

Código
  1. <script>function llamado{ document.getElementById('textbox').focus();}</script>
  2.  
  3. <body onload="llamado();" />

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: chocola en 20 Diciembre 2011, 21:54 pm
Cita de: BadDevil en 20 Diciembre 2011, 20:24 pm
Con la funcion focus , la puedes llamar en el body con el onload

Código
  1. <script>function llamado{ document.getElementById('textbox').focus();}</script>
  2.  
  3. <body onload="llamado();" />

No me funciona, he puesto en el body: onload="llamado();"

y en el index.php he puesto esto:

Código
  1. <script>function llamado{ document.getElementById('textbox').focus();}</script>
  2.  
Estoy haciendo algo mal?

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: Pablo Videla en 20 Diciembre 2011, 22:25 pm
Cita de: chocola en 20 Diciembre 2011, 21:54 pm
No me funciona, he puesto en el body: onload="llamado();"

y en el index.php he puesto esto:

Código
  1. <script>function llamado{ document.getElementById('textbox').focus();}</script>
  2.  
Estoy haciendo algo mal?
donde dice textbox colocas el id de tu input

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: chocola en 20 Diciembre 2011, 22:37 pm
Cita de: BadDevil en 20 Diciembre 2011, 22:25 pm
donde dice textbox colocas el id de tu input

Lo he echo y no me funciona.

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: Pablo Videla en 20 Diciembre 2011, 22:38 pm
Cita de: chocola en 20 Diciembre 2011, 22:37 pm
Lo he echo y no me funciona.

Ve si te sale un error de javascript en el firefox

control+shift+j

Título: Re: Ayuda con el desarrollo de un formulario
Publicado por: Pablo Videla en 20 Diciembre 2011, 22:38 pm
postea tu codigo igual porfavor


Powered by SMF 1.1.21 | SMF © 2006-2008, Simple Machines