jQuery.elastic

テキストサイズに応じてtextareaを自動でサイズ調整してくれるjQueryプラグイン「jQuery.elastic」。
普通テキストエリアというと、サイズは固定で、長い文書を入れると最初の方にいれたテキストがわかりにくくなってしまいますが、改行を入れると自動でテキストエリアが広がるあの便利な機能をjQueryで実現出来ます。

テキストサイズに応じて伸縮します。



改行を入れると縦に広がります。最初に入れた文書も確認しつつ長文を入力できます。



実装の方法は無茶苦茶簡単。

$('textarea').elastic();

textareaはデフォルトでこの動きになって欲しいですが、このプラグインがあれば１行で全てのtextareaを自動伸縮させることが出来ますね。

関連エントリ

• ナビゲーションのUIはこれで完璧かもなjQueryプラグイン集
• ユーザがアイドル状態になったかどうか確認できるjQueryプラグイン「IdleChecker」
• 便利なjQueryプラグインいろいろ
• ページの端っこに常に表示させるボタン実装用jQueryプラグイン「EdgeButton」