Un textarea qui se redimensionne avec Jquery

27 Déc 2009 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 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 :

Étiquettes : , , ,

Commenter

XHTML: You can use these tags:' <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Copyright © 2017 Le pret a surfer All rights reserved.
Desk Mess Mirrored v1.4.4.1 theme from BuyNowShop.com.