QrONE - QrONE ColorPicker

QrONE ColorPicker

QrONE ColorPickerは、ウェブ上で動作するカラーピッカー部品を提供する小型の JavaScript ファイルです。見た目のままです。

このドキュメントは制作中です、参考になる可能性はありますが重要な情報が欠けている可能性があります。

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

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

<SCRIPT lang="JavaScript"><!--
var cp = new QrColorPicker("black"); // color
cp.render();
--></SCRIPT>

を必要な位置に挿入してください。

var picker = new QrColorPicker(value);: QrColorPicker オブジェクトを作ります。一つに一つ必要です。
picker.set(color);
var value = picker.get();: 色値を取得・設定します。
picker.render();: QrColorPicker コンポーネントを描画する HTML を記述場所に document.write します。document.write(spinner.getHTML()) と等価です。
var html = picker.getHTML();: 描画用 HTML を取得します。スクリプトから div.innerHTML などに流し込みたいときに利用してください。<SCRIPT> タグをそのまま流し込んでもうまく動かない事が多いです。
picker.onSelect = function(color){}: 色が選択された時に呼び出されます。
picker.onChange = function(color){}: 色をプレビューしている時に呼び出されます、onMouseMove のタイミングで呼び出されます。

Ajax 等の通信などは行っていません。

現在問題を解決したバージョンを開発中ですが現時点では、低彩度色など一部の色がピッカー上からは設定できません。