私はこのカラーピッカーhttp://www.eyecon.ro/colorpickerを使用しており、サーバー側で使用して選択した色を保存できるように、16 進値を取得しようとしています。
デフォルトの色を変更した後、選択した色を取得できません。
これが私のコードです:
var currentHex = '#0000ff';
alert(currentHex);
$('#colorSelector').ColorPicker({
color: currentHex,
onShow: function (colpkr) {
$(colpkr).fadeIn(500);
return false;
},
onHide: function (colpkr) {
$(colpkr).fadeOut(500);
return false;
},
onChange: function (hsb, hex, rgb) {
// every time a new colour is selected, this function is called
currentHex = hex;
$('#mycolor').val = currentHex;
}
});
HTML:
<div id="colorSelector"><div style="background-color: rgb(62, 62, 189); "></div></div>
<input type="text" maxlength="6" size="6" id="mycolor" value="00ff00">
これが私のデモです