skuare.net

JavaScriptライブラリjQueryのサンプルを中心にWebサイト構築に役立つ情報を紹介

テキストボックスを自動で収縮するjavascript「Resizing textarea」

フォームを作成する際のテキストボックスの適切な大きさで悩むことがあります。
文字数にあわせて自動で収縮すればこんな悩みもなくなります。
Resizing form textbox example using Prototypeはprototypeベースで作成された自動収縮テキストボックス作成用スクリプトです。

sponsors

使用方法
ResizeTextBox.jsprototypeからprototype.jsをダウンロードします。

<script src="http://yourdomain/prototype.js" type="text/javascript"></script>
<script src="http://yourdomain/ResizeTextBox.js" type="text/javascript"></script>

上記をhead内に書き込み、textareaのonFocusに"new ResizingTextArea(this);"を付与します。
テキストボックスを自動で収縮するjavascript「Resizing textarea」サンプル

sponsors

「テキストボックスを自動で収縮するjavascript「Resizing textarea」」をシェアする

記事作成:
記事URL:

TOP > > > テキストボックスを自動で収縮するjavascript「Resizing textarea」

前の記事:
次の記事:色を選択するカラーピッカーjavascript「Mootools Colo(u)r picker」

JavaScript

read more

Column

read more