Hola! necesito detectar cuando un TEXTAREA tiene que partir una frase para mostrarla en dos líneas porque dicha frase no entra en el ancho del TEXTAREA. Por ejemplo esto ocurre cuando se empieza a escribir dentro del área de texto y se llega al borde derecho sin pulsar "Enter". ¿Existe algún evento de TEXTAREA que lo indique?
La página Web que estoy creando es parecida al siguiente código:
<html>
<head>
<SCRIPT>
function AjustaTextArea(){
TA1.rows = TA1.value.split('\n').length
}
</SCRIPT>
</head>
<body onload="AjustaTextArea()">
<TEXTAREA ID=TA1 STYLE="width:50%;border-width:2px;overflow-y:hidden;background-color:transparent" ROWS=1 READONLY=true>
Esto es un texto de prueba.
Segunda línea de prueba.
Tercera línea de prueba.
Cuarta línea de prueba.</TEXTAREA>
</body>
</html>
Lo que quiero conseguir es que se ajuste automáticamente el número de líneas (Rows) del TEXTAREA para mostrar todo su contenido sin que aparezca el Scroll.
En el ejemplo puedes añadir todas las líneas que quieras y veras que el TEXTAREA se ajusta al cargar la Web porque el javascript cuenta los saltos de línea (\n) y pone ese mismo número de líneas (Rows). Pero si una de estas líneas es lo suficientemente larga, el TEXTAREA provoca un salto de línea automático que no puedo detectar.
Para verlo prueba primero a añadir nuevas líneas cortas en el código fuente y recarga la página. Después prolonga una línea, por ejemplo la 3 hasta que sea bastante larga y vuelve a recargar la Web.
El ajuste del Textarea tiene que ser automático, tal y como lo estoy haciendo, porque el texto que va a llevar dentro va a ser variable y se escribirá automáticamente en el TEXTAREA con otro JavaScript.
Gracias y un saludo!
