テキストボックスを伸縮させるjavascript「resizeTextarea」

ディスプレイの表示領域は使用環境によって異なります。
そのため限れられたスペースを有効活用することが求められます。
Eject MediaではmootoolsベースのresizeTextareaを公開し、テキストボックスの伸縮を可能にしています。

sponsors

使用方法

resizeTextareaからresizeTextarea.jsを、mootoolsからmootools.jsをダウンロードします。
head内にこの2つのscriptを埋め込みます。
<script type="text/javascript" src="http://www.skuare.net/test/js/mootools.js"></script>
<script type="text/javascript" src="http://www.skuare.net/test/js/resizeTextarea.js"></script>

あとはform内に書かれたtextareaが全て伸縮できるようになります。
オプション:
伸縮できないようにする/textareaのclassに"nogrow"を付与する。
resizeTextarea.jsに書いてある設定を変更する。
またボタンの見た目はCSSで.tbLarger、.tbSmaller を指定すれば変更できます。

sponsors

Javascriptサンプルページ一覧
skuare.net

サンプル