RGB
(custom)
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />
<!--label for="color">Цвет:</label-->
<div id="colorpicker" style="margin: auto;" align="center"></div>
<input type="hidden" id="color" name="color" value="" readonly/>
<button onclick="DiscoButtonClick();">Изменяемый цвет</button>
<script type="text/javascript">
function cutHex(h) {
return (h.charAt(0)=="#") ? h.substring(1,7) : h;
}
function DiscoButtonClick() {
$.farbtastic("#colorpicker").setColor("#F9F3F3");
$.get("/objects/?object=LedStrip2&op=m&m=sendCommand&command=disco");
}
$('#colorpicker').farbtastic(function (color) {
$('#color').css({'background-color':color});
$('#color').val(color);
//$.get("/objects/?object=LedStrip2&op=set&p=color&v="+cutHex(color));
$.get("/objects/?object=LedStrip2&op=m&m=setColor&color="+cutHex(color));
});
$.get("/objects/?object=LedStrip2&op=get&p=color", function (data) {
$.farbtastic("#colorpicker").setColor("#"+data);
$('#color').css({'background-color':data});
$('#color').val("#"+data);
});
</script>