Cómo posicionar el prompt al final de un textarea con texto?

Anarko · #1 (**permalink**) 10/04/2012, 14:32

Hola.

Necesito que al cargar la pagina, el PROMPT se posicione en el FINAL del texto de un TEXTAREA.

Saben el método para hacerlo?

Gracias

Carlangueitor · #2 (**permalink**) 10/04/2012, 14:45

Un promt no se posiciona dentro de la página, si no en posición del navegador (y varia de uno a otro y entre sistemas operativos), lo que puedes hacer mover el scroll hasta el final del textarea y luego mostrar el promt.

Saludos

emprear · #3 (**permalink**) 10/04/2012, 17:09

Asi

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cursor al final</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
</head>
<body onload="document.getElementById('test').focus();">
<textarea rows="10" cols="30" id="test" 
onfocus="var val=this.value; this.value=''; this.value= val;">
Siempre hay quien quisiera ser distinto, nadie está conforme con lo que le tocó</textarea>
</body>
</html>

Saludos

Anarko · #4 (**permalink**) 10/04/2012, 17:34

Cita:

Iniciado por emprear

Asi

Código HTML:

Ver original<textarea id="test" 
onfocus="var val=this.value; this.value=''; this.value= val;">
Siempre hay quien quisiera ser distinto, nadie está conforme con lo que le tocó</textarea>

Gracias.

Yo lo tengo así:

Código:

<script type="text/javascript">/*<![CDATA[*/document.forms.responder.r.value='blabla...';setTimeout("document.forms.responder.r.focus();",25);/*]]>*/</script>

Pero el PROMPT/CURSOR siempre me aparece al INICIO del TEXTO.

Yo lo necesito AL FINAL y lo mas importante: sin hacer click es decir, necesito hacer ONFOCUS+AL FINAL.

Yo solo he logrado el FOCUS.

Anarko · #5 (**permalink**) 10/04/2012, 17:52

Bien,

se logra con el método setSelectionRange.

Primero debe medirse la longitud del valor del campo ( length ).

Para hacer que el método setSelectionRange posicióne el
cursor?
prompt?

en la posición X que deseamos.

En mi caso lo he logrado así:

Código PHP:

  length=document.forms.NOMFORM.NOMCAMPO.value.length;
document.forms.NOMFORM.NOMCAMPO.setSelectionRange(length,length);

gracias.

:)

furoya · #6 (**permalink**) 10/04/2012, 18:30

Je. Sí. Me pareció que quisiste decir "un cursor".

Creo que el método rápido es capturar todo el contenido del textarea y volver a meterlo con javascript. Así el cursor se ubica al final.

Pensé que acá había un ejemplo, pero no. Es parecido a lo que encontraste, pero sirve más bien para ponerlo en el medio. Y no estoy seguro de que aún trabaje. Dejo el enlace por las dudas alguien lo quiere confirmar.

Posicion del cursor en un campo de texto

En éste ya hay más ideas que pueden servir.

explorer: cursor en textarea

(Digo, porque esta pregunta es viejísima.)

Edito :

No me había fijado bien en tu ejemplo, emprear.

Aunque parece que no le funciona

emprear · #7 (**permalink**) 10/04/2012, 18:39

Cita:

Iniciado por Anarko

Gracias.

Yo lo tengo así:

Código:

<script type="text/javascript">/*<![CDATA[*/document.forms.responder.r.value='blabla...';setTimeout("document.forms.responder.r.focus();",25);/*]]>*/</script>

Pero el PROMPT/CURSOR siempre me aparece al INICIO del TEXTO.

Yo lo necesito AL FINAL y lo mas importante: sin hacer click es decir, necesito hacer ONFOCUS+AL FINAL.

Yo solo he logrado el FOCUS.

Cita:

Iniciado por Anarko

Bien,

se logra con el método setSelectionRange.

Primero debe medirse la longitud del valor del campo ( length ).

Para hacer que el método setSelectionRange posicióne el
cursor?
prompt?

en la posición X que deseamos.

En mi caso lo he logrado así:

Código PHP:

  length=document.forms.NOMFORM.NOMCAMPO.value.length;
document.forms.NOMFORM.NOMCAMPO.setSelectionRange(length,length);

gracias.

:)

Inicias el tema diciendo
Necesito que al cargar la página aparezca un textarea, que tenga el foco y que el cursor/prompt/caret/ o como le quieras llamar se ubique al final del texto y no al inicio del mismo

Te muestro un código (que seguramente ni te tomaste el trabajo de probar) que hace exactamente eso. en FF, IE 9/8/7, Chrome, Opera y Safari
Tal cual podés apreciar en
http://foros.emprear.com/html/tarea-focus.html

Y ahora te despachás con que ya lo tenías resuelto a tu manera...
Que ganas de hacerle perder el tiempo a los demás

Edito, @furoya, me agarraste posteando, si es más viejo que la escarapela y yo me a tengo a la pregunta original, si después quiere inventar otra cosa, allá el. Espero que la esquizofrenia no se contagie via LCD

furoya · #8 (**permalink**) 10/04/2012, 18:58

Uuuuh. Menos mal que edité a tiempo, si no te la ibas a agarrar también conmigo.

....

¡Pero yo pensé lo mismo, eh!, lo que pasa es que no dije nada para dejarte el lugar del descargo ...

Anarko · #9 (**permalink**) 11/04/2012, 14:11

Cita:

Iniciado por emprear

ahora te despachás con que ya lo tenías resuelto a tu manera...

Anda chavlito!

Que hubieras leido con atención mi solicitud:

...que al cargar la pagina...

Lo que nos has compartido EXIGE posicionar el cursor...

Gracias por la ayuda!.