Foros del Web » Programando para Internet » Javascript »

Foco dentro de un textarea

Estas en el tema de Foco dentro de un textarea en el foro de Javascript en Foros del Web. Hola a todos. Necesito de su ayuda en esta cuestión. Tengo una página web que muestra un campo de texto (TextArea) y dentro de este ...
  #1 (permalink)  
Antiguo 13/05/2013, 15:11
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 16 años, 4 meses
Puntos: 3
Pregunta Foco dentro de un textarea

Hola a todos. Necesito de su ayuda en esta cuestión.

Tengo una página web que muestra un campo de texto (TextArea) y dentro de este existe un texto con varias líneas. Dado que este texto no entra en el la cantidad de líneas definidas (rows="4" y esto está hecho así a propósito) aparece la barra de scroll vertical en el componente permitiendo desplazarse hasta el final del texto.

Lo que me gustaría hacer es que el campo text area directamente se posicione al final del texto y no tener que scrollear hacia abajo para leer el final del texto. Es decir, cuando carga la página, que el scroll vertical esté en la parte inferior, mostrando el final del texto y no el principio.

Es posible hacer esto con javascript jugando con el foco?

Muchas gracias de antemano.
Saludos a todos.
  #2 (permalink)  
Antiguo 13/05/2013, 16:54
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 15 años, 1 mes
Puntos: 22
Respuesta: Foco dentro de un textarea

Prueba con esto a ver qué tal

Código Javascript:
Ver original
  1. document.getElementById('ID DEL TEXTAREA').scrollTop = document.getElementById('ID DEL TEXTAREA').scrollHeight;
__________________
@angelxab Twiiter
  #3 (permalink)  
Antiguo 14/05/2013, 07:00
Avatar de patilanz  
Fecha de Ingreso: enero-2012
Mensajes: 880
Antigüedad: 12 años, 10 meses
Puntos: 29
Respuesta: Foco dentro de un textarea

Cita:
Iniciado por angel1993 Ver Mensaje
Prueba con esto a ver qué tal

Código Javascript:
Ver original
  1. document.getElementById('ID DEL TEXTAREA').scrollTop = document.getElementById('ID DEL TEXTAREA').scrollHeight;
Creo que no funciona en Safari.
  #4 (permalink)  
Antiguo 14/05/2013, 08:04
Avatar de angel1993  
Fecha de Ingreso: octubre-2009
Mensajes: 752
Antigüedad: 15 años, 1 mes
Puntos: 22
Respuesta: Foco dentro de un textarea

Lo he probado en safari 5.1.7 y funciona perfectamente, quizás sea en versiones anteriores... pero ahí me pillas jaja no tengo ni idea...
__________________
@angelxab Twiiter
  #5 (permalink)  
Antiguo 14/05/2013, 10:34
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 16 años, 4 meses
Puntos: 3
Pregunta Respuesta: Foco dentro de un textarea

Cita:
Iniciado por angel1993 Ver Mensaje
Prueba con esto a ver qué tal

Código Javascript:
Ver original
  1. document.getElementById('ID DEL TEXTAREA').scrollTop = document.getElementById('ID DEL TEXTAREA').scrollHeight;
Parece ser justo lo que necesito, pero no se como hacerlo funcionar. Hay que ponerlo en el head? Hay que hacer una función y llamarla cuando cargue la página? Podrías ayudarme con el código completo, por favor?

Muchas gracias nuevamente.
Saludos.
  #6 (permalink)  
Antiguo 14/05/2013, 14:28
Avatar de pabloe9k  
Fecha de Ingreso: julio-2008
Ubicación: Argentina
Mensajes: 190
Antigüedad: 16 años, 4 meses
Puntos: 3
Respuesta: Foco dentro de un textarea

Olvidate! Ahora sí lo hice funcionar.
Muchas gracias!!

Etiquetas: foco, textarea
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 05:32.