Textarea con height autoajustable

[Tecktonikrazy]

Como hago para que mientras se escriba y se valla llenando el renglon en un textarea, esta aumente su tamaño, de modo que no sea necesaria la scrollbar derecha, como la de el muro en facebook

[Perr0]

Iniciado por Tecktonikrazy

Como hago para que mientras se escriba y se valla llenando el renglon en un textarea, esta aumente su tamaño, de modo que no sea necesaria la scrollbar derecha, como la de el muro en facebook

Prueba pegar esto en un archivo htm, php, etc y lo pruebas
y me cuentas, lo probe en IE7, IE8 y FF

por ahi esta la idea...lo mejoras a tu pinta

NOTA: detecta los saltos de linea

Código:

<script type="text/javascript">
function sapeartextarea(){
	var nav=(document.all)?"%0D":"%0A"
	var ref=document.getElementById("textarea")
	textoarea=escape(ref.value)
	lineas=textoarea.split(nav)
	lin=lineas.length
	if(lin>4){
		ref.rows=lin
		document.getElementById("clin").innerHTML=lin
	}
}
document.onkeyup = function(){sapeartextarea()}
</script>
<div style="padding:2px 8px; background-color:#D9E1A8; margin-bottom:4px; width:220px">contador de lineas <span id="clin">5</span></div>
<textarea name="textarea" id="textarea" cols="45" rows="5" style="overflow:hidden"></textarea>

salu2

[Tecktonikrazy]

genial, muchas gracias Perr0 (eso sono medio feo) hehe me sirvio mucho

[Tecktonikrazy]

Ya me puse a revisar bien el codigo y no entiendo para que sirve esta linea, o mas bien que significa:

var nav=(document.all)?"%0D":"%0A"