テキストエリアを自動的にリサイズしてくれる「Autosize」
「Autosize」は、テキストエリアのサイズを入力文字数によって自動的に変更してくれるjQueryプラグインです。標準では、枠を超える文字数を入力するとスクロールバーが表示されますが、かわりに建増ししてくれます。
ダウンロード CDN
スクリプト
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.autosize.js" type="text/javascript"></script>
実装
<textarea id="text1018"></textarea> <script type="text/javascript"> $(document).ready(function(){ $('textarea').autosize({ // append: "\n" // 内部に自動的に付与する }); }); </script>
初期表示もテキストの文字数に合わせて、サイジングしてくれます。
オプション
リサイズの際のコールバックなどが設定できるようです。こちら
デモはこちら
サイトより
Compatible with: jQuery 1.7+ in Chrome, Firefox 4+, Safari 5+, Internet Explorer 6+, Opera 11+.
他プラグイン
AutoResize
jQuery Expandable Plugin
Expanding Textareas jQuery Plugin
関連記事
-
-
シンプルでカスタマイズ豊富なスライダー用プラグイン「bxSlider」
「bxSlider」はシンプルに設置でき、かついろいろとオプションが設定可能なスライダー用プラグインです。サイト CDN 標準でもしくはオプションで実現できそうなこと スワイプ キャプション
-
-
数値入力に便利なステッパーを実装「Numeric Stepper」
「Numeric Stepper」は、数値用のステッパーを実装できるjQueryプラグインです。ダウンロード | デモ スクリプト 実装 既存のテキストボックスにclas
-
-
数値入力スライダー「jQuery Simple Slider」
「jQuery Simple Slider」はスライダーを使用して数値設定が行えるようにしてくれるjQueryプラグインです。"Unobtrusive Numerical Slider"とあるように余
-
-
クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」
「jQuery Credit Card Validator」は、クレジットカード番号のバリデーションを行ってくれるjQueryプラグインです。入力したカード番号の検証とそれに基づいてカード会社の表示を
-
-
Wysiwygエディタ用プラグイン「CKEditor」
「CKEditor」は、Wysiwygエディタを実装できるプラグインです。 ダウンロード | デモ スクリプト 実装 文字数・単語数のカウント表
-
-
ページの画像を非同期で読み込んでくれる「Lazy Load」
「LazyLoad Plugin」は、画像をページのロード時ではなく非同期に読み込んでくれるjQueryプラグインです。設定によりスクロールした際に画像をロードしたりしてくれます。 ダウンロード |
-
-
ファイルアップロードフォーム プラグイン
Ajax File Upload Form with jQuery Ajax File Upload Form with jQuery [browser-shot url="h
-
-
色々なタイプの画像ギャラリーが実装できる「Rondell」
「Rondell」は、様々なタイプの画像ギャラリーを実装してくれるjQueryプラグインです。 カルーセル・スライダー・ギャラリーなど一通り実装可能です。 ダウンロード 本家デモ
-
-
selectボックスを華麗にしてくれる「Chosen」「Select2」
selectボックスに当てるjQueryプラグインを色々探してみましたがこれに決めました。シングルやマルチ、またグループにも対応しています。インスタンス検索してくれるのが決め手 Chosen CDN
-
-
レスポンシブに対応した画像ギャラリーが実装できる「Responsive Image Gallery」
「Responsive Image Gallery with Thumbnail Carousel」はレスポンシブにも対応した画像ギャラリーが実装できるjQueryプラグインです。Twitterの「最
Comment
“jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 | Think deeply, Do less, More effective” https://t.co/gs5fwf4QZT
テキストエリアを自動的にリサイズしてくれる「Autosize」 http://t.co/s9snKWe8Ft
textarea これ使うか
http://t.co/ALyJNPNr3K
>> jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 http://t.co/mJE9rC54Z8
RT @sakai_cyk: テキストエリアを自動的にリサイズしてくれる「Autosize」 http://t.co/XRJq3T9lr4
テキストエリアを自動的にリサイズしてくれる「Autosize」 http://t.co/XRJq3T9lr4
[…] jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 […]
jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 | Think deeply, Do less, More effective http://htn.to/v5JAWM
これシンプルで使いやすい。 → テキストエリアを自動的にリサイズしてくれる「Autosize」 http://kwski.net/jquery/1018/
“jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 | Think deeply, Do less, More effective” http://t.co/4w07g663jK
jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 | Think deeply, Do less, More effective http://bit.ly/185xSOU
jQuery | テキストエリアを自動的にリサイズしてくれる「Autosize」 | Think deeply, Do less, More effective http://htn.to/kqc5Rw