Magazine

Un textarea qui se redimensionne avec Jquery

Publié le 27 décembre 2009 par Mandonnaud

Vous en avez marre de réfléchir sur la taille idéale de votre textarea ? Souvent trop grande, alors qu’elle contient deux motsmais 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 :

Aucun.


Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

A propos de l’auteur


Mandonnaud 30 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte

Dossiers Paperblog