autoResize para textareas - FORO - www.unViciomas.com

Pertenece al Grupo " Visitante "     MP MP( )   
Elige un Tema y Crea tu Post!




  • Página 1 de 1
  • 1
FORO - www.unViciomas.com » TUTORIALES Y AYUDAS # » T. Para Internet o Webs » autoResize para textareas
autoResize para textareas
unViciomás
Fecha: Martes, 14/06/2011, 7:56 PM | Link del Mensaje # 1

Oficial
STATUS: Offline
POSTS:
2215

PREMIOS:
0

REPUTACIÓN:
2

OBSERVACIONES:

RANGO:

autoResize para textareas


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.



Como usar este Plugin


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.

    Code
    <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.

    Code
    <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:

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


    Pueden ver el ejemplo funcionando en Autosize Demo.
    Como pueden ver es muy sencillo de aplicar este efecto con lo cual conseguiremos facilitar el ingreso de la información. Este script tiene algunas propiedades adicionales que se pueden utilizar para mejorar la presentación de nuestro formulario, para mayor información pueden visitar la web oficial en jQuery plugin: 'autoResize'.




    AYUDA A LA PAGINA, REGISTRATE!!

    Un Vicio Mas - File Sharing


  • Compartir en:
     
    FORO - www.unViciomas.com » TUTORIALES Y AYUDAS # » T. Para Internet o Webs » autoResize para textareas
    • Página 1 de 1
    • 1
    Búscar:






    Registrate y sube tus Posts Gracias por Registrarte! Ya puedes Subir lo que mas te Guste!!



    Copyright UnVicioMás © 2020 Contáctenos