Добавлю еще фишку. Конвертация цветовой палитры из HEX в RGB, это, если вместо #FFFFFF, вам нужно 255, 255, 255.
Код для сбора данных из разных значении в одно свойство, его размещаем в свойство-метод SetupButton.colorRGB(измените согласно своему объекту), при получении значении, в свойстве SetupButton.backgroundButton(измените согласно своему объекту) будет цвет в формате RGB.
Код: Выделить всё
$color=hexdec(gg('SetupButton.colorRGB'));
$red = $color >> 16 & 0xFF;
$green = $color >> 8 & 0xFF;
$blue = $color & 0xFF;
$cmd=''.$red.','.$green.','.$blue.'';
sg('SetupButton.backgroundButton',$cmd);
Сам код для работы колорпик HEX в RGB, его вставляем куда угодно
Код: Выделить всё
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />
<div id="colorpicker" style="margin: 0 auto;"></div>
<script language="javascript">
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}
function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function decToHex(number) { if (number < 0) { number = 0xFFFFFFFF + number + 1; }
return number.toString(16).toUpperCase(); }
$('#colorpicker').farbtastic( function (color) {
r = HexToR(color);
g = HexToG(color);
b = HexToB(color);
$.get("/objects/?object=SetupButton&op=set&p=Red&v="+r);
$.get("/objects/?object=SetupButton&op=set&p=Green&v="+g);
$.get("/objects/?object=SetupButton&op=set&p=Blue&v="+b);
$.get("/objects/?object=SetupButton&op=set&p=colorRGB&v="+cutHex(color));
});
$.get("/objects/?object=SetupButton&op=get&p=colorRGB", function (data) { $.farbtastic("#colorpicker").setColor("#"+data); });
</script>
Краткий справочник
Желтое выделение - путь к плагину
Красное выделение - для управление разного устройства с RGB, нужно присваивать разные ID, в противном случае колорпик с одинаковым ID будет управлять одним устройством к которому он привязан.
Зеленое выделение - указываем объект куда будут вноситься значения

- Где можно менять.jpg (171.95 КБ) 5295 просмотров