テキストエリアを入力に対して自動的にリサイズする「Autosize」
テキストエリアに沢山テキストを入力して表示しきれなくなると縦方向のスクロールバーが出てきます。いちいちスクロールしたり、右下のやつをドラッグしたりしないと全文を見ることができません。
ページを画像化して保存する機能を作った際に面倒だったので、入力に合わせて自動的に高さを調節してほしくなったので検索したら出てきました。
jqueryを先に読み込んでおきます。
<script src="jquery.min.js" type="text/javascript"></script>
<script src="jquery.autosize.js" type="text/javascript"></script>
<script src="jquery.autosize.js" type="text/javascript"></script>
$(function() {
$('textarea').autosize();
}
$('textarea').autosize();
}
参考
カテゴリ:javascript 投稿日時:2016年11月21日 16:38
コメント
コメントはまだありません。
コメント投稿
ご自由にコメントください!
※一度投稿すると削除できませんのでご注意ください。管理者の独断と偏見で削除する場合があります。コメント機能は予告なく停止する場合があります。
カテゴリ
新着備忘録
「MySQL」ERROR 2013 (HY000) at line : Lost connection to MySQL server during query
MySQLでERROR 2013 (HY000) at line : Lost connection to MySQL server during queryエラーが出た。
CakePHP3 CSSやjavascriptを更新したのに反映されない!
CakePHP3でCSSやjavascriptにタイムスタンプをつける方法です。
CakePHP3のタイムゾーン設定
CakePHP3のタイムゾーン設定方法です。
Thunderbirdで同じメールが何度も届く件
Thunderbirdで同じメールが何度も届く件についてです。
CakePHP3でCSV出力
CakePHP3でCSV出力する方法です。