テキストエリアを自動的にリサイズしてくれる「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
関連記事
-
-
エフェクト豊富なニュースティッカー用プラグイン「inewsticker」
「inewsticker」は、色々なエフェクトでニュースティッカーが実装できるjQueryプラグインです。ダウンロード エフェクトには、fade/slide/typingの3つが可能です。 デ
-
-
ローソク足チャート「jqPlot」
「ローソク足チャート」は株価の4本値を表示するグラフでよく使われるグラフです。 一つのプロットでOHLC(Open, High, Low, Close) それぞれ、Openは始値、Highは高値、
-
-
色々なタイプの画像ギャラリーが実装できる「Rondell」
「Rondell」は、様々なタイプの画像ギャラリーを実装してくれるjQueryプラグインです。 カルーセル・スライダー・ギャラリーなど一通り実装可能です。 ダウンロード 本家デモ
-
-
時刻入力に便利な「Timepicker for Bootstrap」
「Timepicker for Bootstrap」は、テキストボックスへの時刻入力を便利にしてくれるjQueryプラグインです。 2014/06/16 Bootstrap3対応版に書き換え
-
-
「jqPlot」を使って棒グラフを作成
jqPlotを使って棒グラフを作成してみました。ベースはこの記事を参照ください。 スクリプト jqPlotのベースとなるjsファイルと以下の棒グラフの作成に必要なスクリプトを読み込んで下さい。
-
-
カルーセル プラグイン
「カルーセル(Carousel)」とは"回転木馬"という意味らしいのですが、jQuery(Javascript)では画像やコンテンツをスライド表示させるもののようです。が、スライダーとの違いはよく分り
-
-
定期的にAjaxリクエストを送信してくれる「PeriodicalUpdater」
PeriodicalUpdaterは、定期的にpostもしくはgetリクエストを送信してくれるjQueryプラグインです。Twitterのタイムラインのように定期的にツイートをロードしてくれるようなや
-
-
Lightboxプラグイン「Boxer」
「Boxer」はLightboxやモーダルウィンドウを実装できるjQueryプラグインです。画像だけでなく動画にも対応しています。 モバイル環境にも最適化されていて、#レスポンシブ 対応で、#スワイ
-
-
[続きを読む]でテキストを省略、開閉できる「jTruncate」「jTruncSubstr」
「jTruncate」は、長くなってスペースをとってしまう文章をなどであらかじめ指定した文字数で省略して表示してくれるjQueryプラグインです。 ダウンロードはこちら デモ スクリプト
-
-
開閉できるツリー構造を表現できる「jsTree」
「jsTree」は、Webサイト上にツリー構造を表示してくれるJQueryラグインです。実際、使うかというのは謎ですが、ブログ内に設置する機会があり使用してみましたので参考まで。 ダウンロードはこち
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