autoResizeは、そのjQueryを使って、テキストエリアに入力したデータ量に合わせて、エリアをリサイズするスクリプト。
autoResizeの使い方は下記の通り。
---
1. jQueryとautoResizeをここからダウンロード。
jQuery : jquery.min.js
autoResize : autoresize.jquery.js or autoresize.jquery.min.js
(僕は、autoresize.jqueryを使っている)
2. 自分の.htmlファイルのheadタグにダウンロードしたスクリプトのパスを入れる。
<head> <script src="js/jquery.min.js" type="text/javascript"></script> <script src="js/autoresize.js" type="text/javascript"></script> </head>
3. bodyにid="tmp(なんでも良い)"のtextareaを作り、$("textarea#text_body").autoResize();をスクリプトとして記述する
<head> <script type="text/javascript"> $(function() { $("textarea#text_body").autoResize(); }); </script> </head> <body> <textarea id="TEXT_1"></textarea> </body>---
また、autoResize関数の引数を与えてやると、アニメーションなどの設定ができる。
詳細はダウンロード先のサイトを参照。
実際は下記の通りになる。(ダウンロード先のautoResize.jsのパスが変更されてなければ正常に動作すると思う。)