Textareas escalables
- 19/04/2008
- 3:18 pm
Una de las funcionalidades mas interesantes y útiles que tiene el navegador de MAC Safari es la posibilidad de escalar los campos de texto o textareas, que te permite ingresar textos grandes y adaptar el campo de texto para visualizar adecuadamente el texto que se ingresa.
Firefox Resizeable Textarea
Resizeable Textarea es un plugin para Firefox creado por Raik Jürgens el cual te permitirá escalar los campos de texto de cualquier página web de manera sencilla y sin configuraciones adicionales. Si eres usuario de Firefox te va a ser de mucha utilidad pues va a poder ingresar datos en los formularios de forma mucho mas sencilla, rápida y entendible.
Mootools Textarea Resizer
Textarea Resizer es un plugin para Mootools que permitirá hacer que todos tus campos de texto sean escalables, para ello primero descargas resizeTextarea.js, luego lo incluyes junto a Mootools al inicio de la página donde deseas permitir el escalado de textareas de la siguiente forma:
Pueden ver un ejemplo de este método funcionando en: textarearesizer.html.
jQuery Auto Growing Textareas
Auto Growing Textareas es un plugin para jQuery que permite el escalado de textareas, para ello lo primero es incluir las librerías jquery.js, jquery.autogrow.js y luego aplicamos el método autogrow a todos los textareas que deseamos.
-
<script type="text/javascript" src="jquery.js"></script>
-
<script type="text/javascript" src="jquery.autogrow.js"></script>
-
<script type="text/javascript">
-
$(document).ready (function() {
-
// para todos los textareas
-
$('textarea').autogrow();
-
// para textareas con clase resize
-
$('textarea.resize').autogrow();
-
});
-
</script>
Pueden ver varios ejemplos funcioando en: Auto-Growing Textarea Demo.
Posts Relacionados
Total de Comentarios: 2
El jQuery Auto Growing Textareas esta bueno ;)
En cuanto al de MooTools, pues el ejemplo que muestras de tu servidor no sirve :S Ni siquiera le veo los botones de agrandar que hay en http://ejectmedia.net/examples/moo_textareas/index.php
Un Saludo!
ahaha esto es nuevo para mi, no lo habia visto, muy util para hacer formularios dinamicos :D tan buenos post como siempre, y por cierto el ejemplo que pones: “textarearesizer.html” no funca te falto alguito, pero es muy buena la intencion ^^
