SoloCodigo

Programación Web y Scripting => JavaScript => Mensaje iniciado por: Ryusaki N en Lunes 20 de Abril de 2009, 01:38

Título: Acceder a el valor de un textbox
Publicado por: Ryusaki N en Lunes 20 de Abril de 2009, 01:38
Estoy haciendo una pagina pequeña con un div para hacer login. El div tiene un textbox en donde se escribe el nombre de la persona que quiere ingresar , este textbox tiene un valor en blanco es decir, value="", lo que deseo hacer es tomar lo que escribe el usuario en el textbox para escribir un anuncio luego que diga algo como: "En estos momentos seras redireccionado" + valor del text box. Lo que he intentado ha sido acceder al valor con la cadena form.name.value, pero como el valor esta en blanco el anucio no dice nada. Y ya he intentado con PHP con el array $_Get["nombre"] y tambien con el de $_Post["nombre"] pero tampoco me sirve. Me ayudan con esto? Les agradecere.
Título: Re: Acceder a el valor de un textbox
Publicado por: zeickan en Lunes 20 de Abril de 2009, 05:00
Al input le asignas un id

Código: Text
  1. <input id="nombre" />
  2.  

Y para leerlo desde Javascript usas getElementById así.

Código: Text
  1. var name = document.getElementById("nombre");
  2. var contenido = name.value;
  3.  
  4.  

La variable contenido contiene lo que se escribe en el input nombre o bien solo utilizarlo con name.value;

Suerte
Título: Re: Acceder a el valor de un textbox
Publicado por: F_Tanori en Lunes 20 de Abril de 2009, 12:37
Los input deben de tener la propiedad name asignada porque es la que se envia,
Tambien existe document.getElementsByName
http://www.w3schools.com/htmldom/met_do ... byname.asp (http://www.w3schools.com/htmldom/met_doc_getelementsbyname.asp" onclick="window.open(this.href);return false;)

Ademas de que $_GET y $_POST son en mayusculas


Saludos
Título: Re: Acceder a el valor de un textbox
Publicado por: Ryusaki N en Lunes 20 de Abril de 2009, 18:15
Jejeje cierto lo que pasa es que no estoy muy familiarizado con PHP. Solo les quiero agradecer los posts de ayuda, volvere a postear en este tema dentro de poco para avisarles del resultado final. Muchas gracias!
Título: Re: Acceder a el valor de un textbox
Publicado por: Ryusaki N en Martes 21 de Abril de 2009, 00:49
Ok.... Me da un valor undefined...  Me tira la frase que pongo en un alert() y a la par en vez del nombre me  sale Undefined. :brickwall:
Título: Re: Acceder a el valor de un textbox
Publicado por: talcual en Martes 21 de Abril de 2009, 01:10
eso es porque no tienes correctamente seleccionado el textbox muestra el codigo
Título: Re: Acceder a el valor de un textbox
Publicado por: zeickan en Martes 21 de Abril de 2009, 01:46
Postea tu codigo así puedo darte una respuesta segura y acertada.

De cualquier modo los JS no son privados nunca XD
Título: Re: Acceder a el valor de un textbox
Publicado por: Ryusaki N en Martes 21 de Abril de 2009, 03:36
En eso si tienes razon jajaja. La buena noticia es que ya lo consegui, lo que hice fue esto:

HTML:
Código: Text
  1.  <form method="get"  name="form">
  2.   <input type="text" name="Usuario" value=""/>
  3.   <input type="button" value="Comprobar" name="ingreso" onclick="redir();"/>
  4.  </form>
  5.  

JavaScript:
Código: Text
  1.  function redir(){
  2.     var nombre =  document.form.Usuario.value;
  3.     alert(nombre);
  4. }
  5.  
  6.  

Y Listo, Ahora si, gracias! Seguire posteando dudas por ahi mas adelante ya que se me viene la parte mas interesante del proyecto, en cualquier cosa que les pueda ayudar con gusto.
Título: Re: Acceder a el valor de un textbox
Publicado por: talcual en Martes 21 de Abril de 2009, 04:41
bueno asi te debe funcionar pero seria mejor que lo trabajaras como dom osea del tipo getElementById('boton').value seria mejor pero bueno de las dos formas te deberia funcionar saludos
Título: Re: Acceder a el valor de un textbox
Publicado por: Tati16 en Viernes 12 de Febrero de 2010, 07:05
Estoy haciendo un programa en el cual cargo un pagina web en un microncontrolador Arduino. Lo que deseo es poder tener un textbox y con un submit coger el dato... No deseo usar php, solo HTML o sea, poder en la misma pagina mostrar el valor que se guardo del textbox. Actualmente estoy tratando con el codigo:

client.println("<form method='get'  name='form'>");
 
client.println("<input type='text' name='Usuario' value=''/>");

client.println("<input type='button' value='Comprobar' name='ingreso' onclick='redir();'/>");

client.println("</form>");

client.println("<hr />");

client.println("En estos momentos seras redireccionado");

client.println('Usuario');

client.println("</body></html>");
Pero creo que la linea de client.println ("Usuario") no es el codigo correcto para imprimir en la pantalla el dato guardado.

Espero me puedan ayudar. Mil gracias!
Título: Re: Acceder a el valor de un textbox
Publicado por: fonsi3 en Viernes 12 de Febrero de 2010, 19:44
client.println('Usuario'); y tienes un error en value=''/>");


como dices ahi seguramente estara el error, le esta pasando al metodo printIn un string, que segun asumo lo que hara una especie de print en pantalla ??, de todas formas que eso de client.printIn de todos modos, algo de Arduino??
Título: Re: Acceder a el valor de un textbox
Publicado por: Tati16 en Viernes 12 de Febrero de 2010, 23:18
Mil gracias por la pronta respuesta.
Bueno, la función client.println sirve para mandar al arduino el código html. Que seria lo mismo que si lo escribera sobre un programador de HTML solo que sin los paréntesis ni las dobles comillas. Entonces lo que deseo es un codigo en HTML que me guardeel valor y que luego en la misma página me permita escribir lo escrito. Detal manera que me aseguro que el valor deseado se guardo.
Gracias nuevamente =)