Un textarea qui se redimensionne avec Jquery

Vous en avez marre de réfléchir sur la taille idéale de votre textarea ? Souvent trop grande, alors qu’elle contient deux mots … mais de temps en temps vous vous arrachez les cheveux, en effet vous avez rédigé un roman dans un textarea de la taille d’un timbre poste de Minimoys …

Voici un Plugin Jquery qui va vous permettre de garder quelques cheveux au sommet de votre crâne ! Il est signé Craig Buckler qui a appelé son bébé : Auto-Expanding Textarea !

Plugin jquery : Auto-Expanding Textarea

Son utilisation est simple, une fois jquery et le plugin inclus dans votre page :

<script src="js/jquery.js" type="text/javascript"></script> <script src="js/jquery.textarea-expander.js" type="text/javascript"></script>

Ajouter une class « expend » à votre textarea préféré et le tour est joué.

<textarea class="expand"></textarea>

Facile non ? quasiment magique, à en faire pâlir David Copperfield. Un exemple de auto-expending textarea sur le  site de l’auteur.

Compatibilité navigateur IE6, FireFox …

Coté navigateur, la question épineuse, l’auteur nous parle d’une rose compatible avec :

• IE6 (et grand frère)
• FireFox 2+
• Opera 9
• Safari 4
• chez google : Chrome 2

Configuration de taille

Sur son blog l’auteur nous dévoile d’autres façons pour exécuter ce plugin jquery avec quelques possibilités de configuration par rapport à la taille d’origine notamment.

$("#textarea2").TextAreaExpander(50, 200);

Le textarea comportant l’idée textarea2 aura donc une taille par défaut de 50 par 200 pixels

Plus d’informations :

• Télécharger le plugin Auto-Expanding Textarea, hébergé sur le site de l’auteur
• La démarche et l’explication de l’auteur (en anglais)
• Télécharger Jquery sur le site officiel (en anglais)

Aucun.