テキストボックスを伸縮させるjavascript「resizeTextarea」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
テキストボックスを伸縮させるjavascript「resizeTextarea」
ディスプレイの表示領域は使用環境によって異なってきます。
そのため、限れられたスペースを有効活用することが求められます。
Eject MediaではmootoolsベースのresizeTextareaを公開し、テキストボックスの伸縮を可能にしています。

使用方法
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に書いてある設定を変更する。
・tbResizeAmount = 50; //リサイズ毎に変化するサイズpx
・tbResizeDuration = 700; //リサイズ時間
・tbMinSize = 75; //最小サイズ
・tbMaxSize = 400; //最大サイズ:無限は0
・tbDescription = 'textbox size: '; //ボタンの横に表示される文字
テキストボックスを伸縮させるjavascript「resizeTextarea」サンプル
2007年08月22日
前の記事:ソートするテーブルを作成するjavascript「SortableTable」
次の記事:プレゼンテーション風表示を可能にするjavascript「s5」
関連記事
- [mootools]WysEditor
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- [mootools]TimeSpinner
- [mootools]Time Picker
- [mootools]FancyUpload
コメント投稿
この記事へのトラックバック:
- jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- BOMBERMAN JAVASCRIPT GAME by mootools.js
- 3ステップで表をソート&値を検索できるjavascript「dataTables」
- Movable Type 4.2にバージョンアップ
- ページの目次を自動で作成するjavascript「jqTOC」
- JavaScriptライブラリ「raphael」で図を描く
- ニューデザイン
- Widgetboxで手軽にRSS型ウィジェット(ガジェット)を作る
- 奥から手前にズームするJavaScript「Spacegallery.js」













