Autor Tema: [AYUDA]Texto en input y en la pagina.  (Leído 1557 veces)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
[AYUDA]Texto en input y en la pagina.
« en: 04 de Diciembre de 2009, 15:29:36 pm »
Hola muy buenas , pues tengo una duda que siempre he querido saber hacer. Como no sabía que lenguaje de progrmación debía usar, lo estoi poninedo aquí en general.

Bien mi duda es como puedo hacer que a medida que se escribe en un input aparezca en la pagina web , es decir , si en el input pongo Siquillote , quiero que abajo salga : Siquillote a la vez que lo voi escribiendo en el input.

¿Alguien sabe alguna manera de como hacerlo?

#Fdo. Physlet

Comunidad PHPeros

[AYUDA]Texto en input y en la pagina.
« en: 04 de Diciembre de 2009, 15:29:36 pm »

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #1 en: 04 de Diciembre de 2009, 15:31:06 pm »
Eso se ace usando JS, el atributo innerHTML cambia el contenido de un elemento, algo tipo
sacoelelemento.innerHTML = '<b>hola</b>';

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #2 en: 04 de Diciembre de 2009, 15:34:24 pm »
Entendido.He estado viendo algo por Google y encontré algo. ¿Sería así?:

document.getElementById('nombreinput').innerHTML = '¿Este texto que es?';

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #3 en: 04 de Diciembre de 2009, 15:40:47 pm »
Si quieres cambiar el contenido de otro elemento debes de poner la ID del elemento entre los parentesis y despues del igual el contenido del input. Se accede mediante this.value (desde el input)

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #4 en: 04 de Diciembre de 2009, 15:42:30 pm »
Ummmmhhhh.... No entendí nada.... Yo para JS no valgo definitivamente XDDD

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #5 en: 04 de Diciembre de 2009, 15:44:22 pm »
pues jubilate, lee tutos, he posteado uno, es tremendamente sencillo...

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #6 en: 04 de Diciembre de 2009, 15:45:36 pm »
pues jubilate, lee tutos, he posteado uno, es tremendamente sencillo...

XDDDDD. Vamos a ver ¿Como sabe :

document.getElementById('boldStuff').innerHTML = 'Fred Flinstone';

¿Que texto ha de coger del input? ¿Como lo pone debajo o arriba del input?

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #7 en: 04 de Diciembre de 2009, 15:46:31 pm »
Que arriba ni debajo ni su madre en bicicleta, que leas *****

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #8 en: 04 de Diciembre de 2009, 15:47:46 pm »
Esque yo lo que quiero es que lo que se escriba en el inpt que se muestre arriba o abajo , es decir , que en el mismo instante que escribes A que salga arriba A y que si lo borras , que se borre.

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #9 en: 04 de Diciembre de 2009, 15:48:51 pm »
como que arriba o abajo???????

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #10 en: 04 de Diciembre de 2009, 15:56:22 pm »
Haber mira te voi a dar un ejemplo, entrá en esta pagina : Aquí.

Escribe un texto en el textarea y verás que según lo que escribas tambien aparecerá en los inputs de abajo.

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #11 en: 04 de Diciembre de 2009, 16:11:00 pm »
igual pero en ve de .innerHTML .value -.-

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #12 en: 05 de Diciembre de 2009, 10:04:48 am »
Ainnnns , west que yo de JS no se apenas nada. Voi a tener que incar los codos con JS. ¿Sabes algún sitio más o menos donde haya tutoriales básicos?. Primero mirare lo más basico , luego tus tutos de aquí en PHPeros y luego pues me seguiré buscando la vida XDDD

#Fdo. Physlet

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #13 en: 05 de Diciembre de 2009, 12:19:43 pm »
Es que JS es basico, solo debes saber que sacar de cada elemento, y como acceder a ello.

Desconectado Siquillote

  • PHPero Master
  • ******
  • Mensajes: 4.229
  • Karma: 179
  • Sexo: Masculino
    • Ver Perfil
Re:[AYUDA]Texto en input y en la pagina.
« Respuesta #14 en: 05 de Diciembre de 2009, 13:06:52 pm »
Bueno pues voi a seguir practicando hasta que salga, si surgen problemas aquí las posteo. Gracias por todo West :D

#Fdo. Physlet