QrONE Spinner
QrONE Spinner は、ウェブ上で拡張されたスピナ型 <input type="text"> 部品を提供する小型の JavaScript ファイルです。見た目のままです。
| HOME | Components | ColorPicker | Pulldown | Spinner | TextArea |
以下が実際に表示されるスピナの表示サンプルです。
ダウンロード
導入方法
<SCRIPT lang="JavaScript" src="qrx/qrcspinner.js"></SCRIPT>
を、<head> ~ </head> 内に記述し
<SCRIPT lang="JavaScript">
</SCRIPT>
を、入力ボックスが必要な位置に挿入してください。上記のコードに対応する従来のタグは <input type="text" value="15" size="5" name="number1"/> になります。
関数
- var spinner = new QrSpinner(value, size, name);
- QrSpinner オブジェクトを作ります。一つに一つ必要です。<inputvalue="..." size="..." name="..."/> の各値を指定します。
- spinner.set(value);
- var value = spinner.get();
- 値を取得・設定します。
- spinner.render();
- QrSpinner コンポーネントを描画する HTML を記述場所に document.write します。document.write(spinner.getHTML()) と等価です。
- var html = spinner.getHTML();
- 描画用 HTML を取得します。スクリプトから div.innerHTML などに流し込みたいときに利用してください。<SCRIPT> タグをそのまま流し込んでもうまく動かない事が多いです。
- spinner.onChange = function(value){}
- 値の変化時に呼び出されます。変化後の値を引数にとる関数を代入します。
機能と仕様
Ajax 等の通信などは行っていません。通常の <input type="text"> の後ろに上下用の画像を付け加えただけの簡単な部品です。
Copyright © 2006 Qronon. All rights reserved.