- Web 2.0 Integration


QrONE Spinner

QrONE Spinner は、ウェブ上で拡張されたスピナ型 <input type="text"> 部品を提供する小型の JavaScript ファイルです。見た目のままです。


| HOME | Components | ColorPicker | Pulldown | Spinner | TextArea |


以下が実際に表示されるスピナの表示サンプルです。

ダウンロード

QrONE ColorPicker は QrONE Components の一つです。実行コードのダウンロードはそちらからどうぞ

導入方法

<SCRIPT lang="JavaScript" src="qrx/qrcspinner.js"></SCRIPT>

を、<head> ~ </head> 内に記述し

<SCRIPT lang="JavaScript"><!--
var spinner = new QrSpinner("15","5","number1"); // value, size, name
spinner.render();
--></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.