ハイクオリティなカラーピッカーJavaScript「GcColor」

色を選択させることはあまりないでしょうが、そんな要素だからこそリッチにしておくとユーザーの印象も変わるでしょう。
jQueryプラグインのGcColorは、jQuery UIを使用するなど、操作面でハイクオリティなカラーピッカーとなっています。

使用方法

GcColorからファイル一式をダウロードします。


<link rel="stylesheet" type="text/css" href="gccolor.css" />
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="jquery.ui.all.js"></script>
<script type="text/javascript" src="jquery.gccolor.1.0.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	$('#id名').gccolor();
});
</script>

上記を記述したらあとは指定したid名を明記するだけです。


<input style="maxlength="7" id="gccolor" type="text">

サンプル

Javascriptサンプルページ一覧

skuare.net