Autoresize textarea con jQuery

autoResize es un plugin para JQuery que te permitirá agregarle la opción de autoescalado a los campos de texto según la cantidad de texto que ingreses, esto para evitar mostrar un scroll y ver el contenido completo.

Para utilizar este plugin, es necesario primero descargar las librerías jquery.js, autoresize.jquery.js, luego lo incluimos en el header de nuestro html.

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="autoresize.jquery.js"></script>

El siguiente paso es crear nuestro formulario en donde a los elementos del tipo textarea le asignamos un ID con el cual posteriormente le aplicaremos el método autoresize.

<form id="comment" method="post">
<textarea name="mensaje" id="mensaje"></textarea>
<input type="submit" name="bt" value="Enviar" />
</form>

Finalmente seleccionamos el elemento utilizando el ID al cual aplicamos el método autoresize, esto lo hacemos una vez que ha sido cargada la página para ello utilizamos el evento ready, esto lo hacemos mediante:

$(document).ready(function () {
$('textarea#mensaje').autoResize();
});

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(3 votos, promedio: 4 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

5 respuestas a “Autoresize textarea con jQuery”

  1. María dice:

    ¡Hola! ¿Dónde puedo descargar la librería autoresize.js?
    Muchas gracias

    • Jose Aguilar dice:

      Hola, lo más sencillo es que accedas al ejemplo en funcionamiento y veas el código fuente. Al pulsar en el fichero autoresize.jquery.js podrás descargarlo. Saludos

  2. santiago dice:

    Buenas tardes buen tutorial,pero estoy haciendo un textarea que el usuario pudiera escribir y guardar dicha nota y poder visualizarla y rectificarla o añadir algo mas y cuando de al F5 todavia estuviera dicha nota escrita,a ver si me puedes ayudar un saludo.

  3. Benjamin Kuroda dice:

    Good post and right to the point. I don’t know if this is in fact the best place to ask but do you guys have any ideea where to hire some professional writers? Thank you 🙂

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre