Новый элемент меню checkbox

[krepton85]

...а затем заскринить их, дабы сохранить стиль меню.

А зачем "скринить"? Берете любой графический редактор, рисуете "квадрат Малевича" любого цвета размером 32х32 пикселя. Гордо пишите по центру "Пн". И сохраняете. Затем сохраняете повторно, только в оттенках серого (типа "не выделен").
И две иконки из 14 уже готовы.

Ну это да, если по просцецки, надо что бы цвет соответствовал синему (если выбран) а так же у понедельника и воскресенья крайние углы у кнопочек скругленны, вроде так это выглядит у этого интерфейса.

[krepton85]

2019-02-02_15-49-07.png (13.3 КБ) 4341 просмотр

в общем все не так отображается как задумано, почему то идет в столбец, а не в строчку и нету обновления страницы после клика по элементу - нужно ждать пару секунд авто-обновления элемента меню.
Что то мне кажется что здесь игнорируются стили и используется глобальный стиль для всего интерфейса меню.

[Chainik]

...
Что то мне кажется что здесь игнорируются стили и используется глобальный стиль для всего интерфейса меню.

У вас используется HTML-элемент и в его коде стиля CSS применено "display: inline-block" (т.е. тот вариант, который я предлагал выше)?

[krepton85]

У вас используется HTML-элемент и в его коде стиля CSS применено "display: inline-block" (т.е. тот вариант, который я предлагал выше)?

Да, все именно так.

Вот иконки дней:

days.rar

(6.44 КБ) 208 скачиваний

[Chainik]

Да, все именно так.

Оберните каждую иконку в код стиля CSS:

Код: Выделить всё

<style type="text/css">
.gorizontalno {
display: inline-block
} 
</style>

<legend>Дни буд. C:</legend>

<div class="gorizontalno">
<div style='display:%удлинитель_на_3_розетки.alarm_C_Пн|"none;block"%' onClick='callMethod("%удлинитель_на_3_розетки.alarm_C_Пн_inv");'><img src="\cms\images\days\Пн_вкл.png"></div>
<div style='display:%удлинитель_на_3_розетки.alarm_C_Пн|"block;none"%' onClick='callMethod("%удлинитель_на_3_розетки.alarm_C_Пн_inv");'><img src="\cms\images\days\Пн_выкл.png"></div>
</div>

<div class="gorizontalno">
<div style='display:%удлинитель_на_3_розетки.alarm_C_Вт|"none;block"%' onClick='callMethod("%удлинитель_на_3_розетки.alarm_C_Вт_inv");'><img src="\cms\images\days\Вт_вкл.png"></div>
<div style='display:%удлинитель_на_3_розетки.alarm_C_Вт|"block;none"%' onClick='callMethod("%удлинитель_на_3_розетки.alarm_C_Вт_inv");'><img src="\cms\images\days\Вт_выкл.png"></div>
</div>

И т.д.
Каюсь, ошибочно не указал это в своем примере.
(Поправлю в коде примера, чтобы других не путать.)

[krepton85]

Каюсь, ошибочно не указал это в своем примере.
(Поправлю в коде примера, чтобы других не путать.)

Есс, теперь все отлично.

2019-02-02_19-57-07.png (18.92 КБ) 5213 просмотров

Жаль что задержка на отклик есть.

[viktor6]

Каюсь, ошибочно не указал это в своем примере.
(Поправлю в коде примера, чтобы других не путать.)

Есс, теперь все отлично.
2019-02-02_19-57-07.png

Жаль что задержка на отклик есть.

А можно по подробней что и куда прописывать чтобы так получилось?

[Chainik]

А можно по подробней что и куда прописывать чтобы так получилось?

Конкретно в этом топике речь идет об элементе, позволяющем активировать/деактивировать выполнение действия в определенный день недели в расписании.
Чуть выше приведен фрагмент кода. Сам код помещается в HTML-элемент. Чтобы все заработало, надо поместить иконки (архив выложен выше) в какую-нибудь папку (например, как в коде). Должны быть созданы Объект.Свойства для каждого дня недели (у которых будут значения "1" или "0", т.е. активны/не активны). Должны быть созданы методы в которых, как минимум, при выполнении будет меняться значение Объект.свойства на противоположное (т.е. если было "1", станет "0", и наоборот).

[viktor6]

А можно по подробней что и куда прописывать чтобы так получилось?

Должны быть созданы методы в которых, как минимум, при выполнении будет меняться значение Объект.свойства на противоположное (т.е. если было "1", станет "0", и наоборот).

еще по подробней

[Chainik]

А можно по подробней что и куда прописывать чтобы так получилось?

Должны быть созданы методы в которых, как минимум, при выполнении будет меняться значение Объект.свойства на противоположное (т.е. если было "1", станет "0", и наоборот).

еще по подробней

Допустим, на каждый день недели у вас будет отдельный метод. Тогда методе должен быть код:

Код: Выделить всё

If (gg('Имя_вашего_Объекта.Имя_вашего_Свойства') == "1") {
sg('Имя_вашего_Объекта.Имя_вашего_Свойства', 0);
} else {
sg('Имя_вашего_Объекта.Имя_вашего_свойства', 1);
}