テキストエリアを自動的にリサイズしてくれる「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
関連記事
-
-
ページ内のフォントサイズを変更してくれる「Text Resizer」
「jQuery Text Resizer Plugin」は、ページ内のフォントサイズを変更してくれるjQueryプラグインです。要素を限定してリサイズすることも可能です。jquery.cookie.j
-
-
ポップアップ・モーダル ウィンドウ プラグイン
ポップアップ シンプルにポップアップを実装できる「PopBox」 実装方法が選べるツールチップ用プラグイン「Smallipop」 Bootstrap Popovers
-
-
カルーセル プラグイン
「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り
-
-
カウントダウン プラグイン
FlipClock #時間 FlipClock サイト [browser-shot url="http://xdsoft.net/jqplugins/flipcountd
-
-
シンプルにポップアップを実装できる「PopBox」
「PopBox」は、シンプルにポップアップを実装できるjQueryプラグインです。 スクリプト HTML Click Here!
-
-
数値入力スライダー「jQuery Simple Slider」
「jQuery Simple Slider」はスライダーを使用して数値設定が行えるようにしてくれるjQueryプラグインです。"Unobtrusive Numerical Slider"とあるように余
-
-
色々なタイプの画像ギャラリーが実装できる「Rondell」
「Rondell」は、様々なタイプの画像ギャラリーを実装してくれるjQueryプラグインです。 カルーセル・スライダー・ギャラリーなど一通り実装可能です。 ダウンロード 本家デモ
-
-
「jqPlot」を使って円グラフを作成
Webサイトで円グラフ表示したいと要望があったので、以前使用したjqPlotでデモを作成しました。ダウンロード 最初の要望は「凡例つけて」、「いい感じにカラーリングしてほしい。」、「定期的に変更
-
-
スワイプ対応の画像スライダー・ギャラリー用プラグイン
画像スライダー(ギャラリー)を作成してくれるjQueryプラグインの中からスワイプ操作で画像をスライドできるものをいくつか集めてみました。 シンプルでカスタマイズ豊富なスライダー用プラグイン「b
-
-
ECサイトの商品表示に使えそうなスライダー「Simple Multi-Item Slider」
「Simple Multi-Item Slider」は、いうなればネスト型の画像スライダーです。ECサイトでの商品陳列からサムネイルメニューなどにも使用できそうです。ダウンロード デモ スクリプ
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