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.