aNieto2K Desarrollo web, Wordpress, y alguna cosilla más

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]