テキストエリアの高さを自動拡大するjQuery.elastic

テキストフィールドに長文を書き込んで行くとき、スクロールバーが表示されて、冒頭の文章が確認できません。それでは不便なので、文章を書き続けると同時にテキストフィールドが縦に自動伸縮するようにしてみたいと思います。

jQuery と Elastic を利用して実現します。

ますは、サイトから Elasticをダウンロードします。

ダウンロードするとこのような構成になっているので、
jquery.elastic.source.jsとdependenciesフォルダ内にあるjquery.jsという２つのファイルをサーバー内の任意のフォルダに収納します。
あとはhtmlに

と記述すれば、html内の全てのテキストフィールドに適用されます。
src="以降は、スクリプトを入れたフォルダを指定しましょう。
例えば、サーバーなのjsフォルダの中にファイルを入れたのなら、
<script src="js/jquery.elastic.source.js" type="text/javascript" charset="utf-8"></script>
のような感じです。