Contenido

Text Grow, tus input al estilo del.icio.us con jQuery

28 nov

+ 3

Los que hayan usado alguna vez del.icio.us se habrán fijado en el <input></input> que tenemos para buscar por tags dentro de nuestro perfil, un <input></input> que crece a medida que vamos escribiendo sobre él. Ahora podemos conseguir el mismo efecto para nuestros <input></input> mediante Text Grow, una funcionalidad extra conseguida gracias a jQuery.

Modo de Uso

jQuery('input').textGrow({
               pad: 25, min_width: 25, max_width: 300
           });
  • pad: Se trata del padding del <input></input>
  • min_width: El tamaño mínimo que le asignamos a nuestro <input></input>
  • max_width: El tamaño máximo hasta donde va a crecer nuestro elemento.

Pero no hace falta que esto se especifique en el código Javascript, tambien podemos asignarlo mediante el uso del atributo style de nuestro <input></input>, indicando mediante CSS los valores de nuestro min-width y max-width.

<input type="text"
             style="min-width: 25px; max-width: 300px"
             name="s" />

 [Descargar][Ejemplo]

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.