Adaptador automático de altura de textarea
Hace unas semanas programé el formulario para la encuesta de calidad de CDmon y hay unos campos de entrada de texto que son opcionales, los cuales programé para que se adapten a los saltos de línea que se vayan introduciendo, de manera que según se van haciendo saltos de línea, el textarea se va agrandando y adaptando a su texto interior.
JavaScript:
-
window.onload=function(){
-
var t=document.getElementsByTagName("textarea");
-
for(var i=0;i<t.length;i++){
-
var ta=t[i];
-
ta.onkeyup=function(){
-
var salts=this.value.split("\n").length-1;
-
if(salts>=3){this.rows=salts+1;}
-
if(salts<3){this.rows=3;}
-
}
-
}
-
}
Y por la parte del HTML, pues tantos textareas como se quiera.
HTML:
-
<textarea name="text1" rows="3"></textarea>
Se puede modificar la altura base modificando el 3 por lo que se quiera.
Comentarios
Epa! tengo el formulario de la encuesta abierto desde hace un par de días, esperando algún momento de inspiración divina para rellenarlo…
Acabo de probar este efecto y me gusta lo que hace!!
Agregado a mis librerías!!! :)
Gracias!
jaja, pues animos Jose! :)
me alegro que te guste el efecto.
Finalmente he usado este codigo :)
Aunque no usé el window.onload sino que al final del cuerpo html hago una llamada con a una funcion textarea_auto_height()
Deja un comentario