Ver Mensaje Individual
  #2 (permalink)  
Antiguo 21/10/2010, 11:56
Avatar de Perr0
Perr0
 
Fecha de Ingreso: mayo-2005
Ubicación: Santiago de Chile, Chile
Mensajes: 676
Antigüedad: 19 años
Puntos: 79
Sonrisa Respuesta: Textarea con height autoajustable

Cita:
Iniciado por Tecktonikrazy Ver Mensaje
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

Última edición por Perr0; 21/10/2010 a las 13:12