-
Прозрачность фона кнопки
(selectbox)
-
Цвет фона кнопок
(custom)
<font size="5" color="yellow" face="Arial">Фон кнопки</font>
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />
<div id="colorpickerFonButton" 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(); }
$('#colorpickerFonButton').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("#colorpickerFonButton").setColor("#"+data); });
</script>
-
Цветовая палитра для индикации активности - активность есть
(custom)
<font size="5" color="yellow" face="Arial">Цвет индикатора активности в помещении - активность есть</font>
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />
<div id="colorpickerActiveButton" 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(); }
$('#colorpickerActiveButton').farbtastic( function (color) {
r = HexToR(color);
g = HexToG(color);
b = HexToB(color);
$.get("/objects/?object=SetupButton&op=set&p=IndicatorColorActive&v="+cutHex(color));
});
$.get("/objects/?object=SetupButton&op=get&p=IndicatorColorActive", function (data) { $.farbtastic("#colorpickerActiveButton").setColor("#"+data); });
</script>
-
Цветовая палитра для индикации активности - нет активности
(custom)
<font size="5" color="yellow" face="Arial">Цвет индикатора активности в помещении - активности нет</font>
<script type="text/javascript" src="../js/farbtastic.js"></script>
<link rel="stylesheet" href="../css/farbtastic.css" type="text/css" />
<div id="colorpickerNoActiveButton" 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(); }
$('#colorpickerNoActiveButton').farbtastic( function (color) {
r = HexToR(color);
g = HexToG(color);
b = HexToB(color);
$.get("/objects/?object=SetupButton&op=set&p=IndicatorColorNoActive&v="+cutHex(color));
});
$.get("/objects/?object=SetupButton&op=get&p=IndicatorColorNoActive", function (data) { $.farbtastic("#colorpickerNoActiveButton").setColor("#"+data); });
</script>