в интерфейсе mboard есть готовый виджет
вот у меня такой шаблон класса ргб, выдранный из пу
Код: Выделить всё
<style>
.myrgb-widget {
}
.myrgb-text {
padding-top:10px;
cursor:pointer;
vertical-align:middle;
}
.myrgb-light {
border-radius:50%;
width:22px;
height:22px;
border:2px solid #3d3d3d;
margin-top:5px;
float:left;
margin-right:10px;
}
.myrgb-light.on {
background-color:#FFC773;
box-shadow: 0px 0px 15px #FF9900;
border-color:#FDF1DF;
}
</style>
<script src='/3rdparty/spectrum/spectrum.min.js'></script>
<link rel='stylesheet' href='/3rdparty/spectrum/spectrum.min.css' />
<div class="myrgb-widget">
<div class="myrgb-light %.status|"off;on"%"></div>
<div class="myrgb-text" style='display:%.status|"none;block"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOff");'>%.name%</div>
<div class="myrgb-text" style='display:%.status|"block;none"%;cursor:pointer' onClick='callMethod("%.object_title%.turnOn");'>%.name%</div>
<div>
<input type="text" id="colnn" value="%.color%" onChange='callMethod("%.object_title%.setColor","color="+encodeURIComponent(this.value));'/>
</div>
<script>
$("#colnn").spectrum({
preferredFormat: "hex",
showInput: true,
chooseText: "OK",
cancelText: "Отмена"
});
</script>
</div>
Код: Выделить всё
<script src='/3rdparty/spectrum/spectrum.min.js'></script>
<link rel='stylesheet' href='/3rdparty/spectrum/spectrum.min.css' />
<div class="rgb_class">
<div>
<input type="text" id="colnn" value="%.Color%" onChange='callMethod("%.object_title%.SetColor", "Color="+encodeURIComponent(this.value));'/>
</div>
<script>
$("#colnn").spectrum({
preferredFormat: "hex",
showInput: true,
chooseText: "OK",
cancelText: "Отмена"
});
</script>
%.Color%
</div>а, у меня метод SetColor получает цвет через параметр colorSlavaAf писал(а): ↑Пт сен 11, 2020 2:25 amНе выходит до конца. Не могу принять измененное значение цвета.
Упростил немного под свою задачку код.Но по итогу инициализируется все нормально значением из свойства класса, а обратно не возвращает когда меняю цвет. Метод изменения цвета при этом запускается а свойство Color остается без изменений.Код: Выделить всё
<script src='/3rdparty/spectrum/spectrum.min.js'></script> <link rel='stylesheet' href='/3rdparty/spectrum/spectrum.min.css' /> <div class="rgb_class"> <div> <input type="text" id="colnn" value="%.Color%" onChange='callMethod("%.object_title%.SetColor", "Color="+encodeURIComponent(this.value));'/> </div> <script> $("#colnn").spectrum({ preferredFormat: "hex", showInput: true, chooseText: "OK", cancelText: "Отмена" }); </script> %.Color% </div>
Наверное что-то простое упустил.
Код: Выделить всё
if (!$params['color']) return;
$color = strtolower($params['color']);
$color = preg_replace('/^#/','',$color);
$transform = array(
'red'=>'ff0000',
'green'=>'00ff00',
'blue'=>'0000ff',
'white'=>'ffffff'
);
if (isset($transform[$color])) {
$color = $transform[$color];
}
if ($color == '000000') {
$this->callMethod('turnOff');
} else {
$this->setProperty('color',$color);
$this->callMethod('turnOn');
}