Tweet｜ ｜ ｜ ｜

[ 1分で読めて簡単導入できます]

色を選択させることはあまりないでしょうが、そんな要素だからこそリッチにしておくとユーザーの印象も変わるでしょう。
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「GcColor」サンプル

記事作成：2009年02月26日