テキストエリアを入力に対して自動的にリサイズする「Autosize」

テキストエリアに沢山テキストを入力して表示しきれなくなると縦方向のスクロールバーが出てきます。いちいちスクロールしたり、右下のやつをドラッグしたりしないと全文を見ることができません。

ページを画像化して保存する機能を作った際に面倒だったので、入力に合わせて自動的に高さを調節してほしくなったので検索したら出てきました。

ダウンロード

jqueryを先に読み込んでおきます。

<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.autosize.js" type="text/javascript"></script>

 

$(function() {
  $('textarea').autosize();

}

参考

http://kwski.net/jquery/1018/ 

カテゴリ:javascript 投稿日時:2016年11月21日 16:38


コメント

コメントはまだありません。

コメント投稿

ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。

ニックネーム

コメント

カテゴリ

新着備忘録

CakePHP3のタイムゾーン設定

CakePHP3のタイムゾーン設定方法です。

Thunderbirdで同じメールが何度も届く件

Thunderbirdで同じメールが何度も届く件についてです。

CakePHP3でCSV出力

CakePHP3でCSV出力する方法です。

CSVファイルからデータを取り込むときに文字化け解決方法

CSVファイルからデータを取り込むときに文字化け解決方法です。

CakePHP3.4.0 以上のクッキーの読み書き

CakePHP3.4.0 以上のクッキーの読み書き