Textarea Dinamico en HTML

Textarea Dinamico en HTML

Estuve pensando la manera de hacer que un textarea sea más usable. No se me ocurría nada en particular y me puse a buscar en mis viejos archivos de css y javascript tratando de dislumbrar algo que se me hubiese escapado.
Sin querer, di con un script que había copiado y pegado hace tiempo en un conveniente archivo .txt. El script no tiene autor (al menos no se lo encontre) y servia para poder estirar horizontalmente una imagen o un input. Era lo que buscaba!

Primero, creamos un link para aumentar el tamaño hacia abajo del textarea y su contrapunto, para reducirlo.

<a href="#" onclick="document.getElementById('comentarios').rows += 5; title="">+</a>
<a href="#" onclick="document.getElementById('comentarios').rows += 5; title="">-</a>

Noten que llamo al id “comentarios” que es la identificacion de nuestro textarea.
Ahora, creamos el textarea

<textarea cols="53" rows="10" id="comentarios" tabindex="5" onblur="checkRequired('comentarios');">

Autor: emaginacion
http://www.emaginacion.com.ar/geek/?p=161

Usuarios que han visto este tema también han visto...

- Mailto Avanzado
- Anidando etiquetas en HTM
- Cómo puedo mostrar código HTML coloreado
- Todo lo que debemos saber de los Meta-Tags
- Declaración DOCTYPE en HTML

- Versión imprimible de este documento

- Enviar por e-mail este documento