Дизайн сцен

Использование системы в различных ситуациях, вопросы программирования сценариев.

Модераторы: Ivan, Bagir, Vit, immortal, PAV

bartwell
Сообщения: 19
Зарегистрирован: Пн апр 23, 2018 11:10 am
Благодарил (а): 7 раз
Поблагодарили: 12 раз

Re: Дизайн сцен

Сообщение bartwell » Вс янв 06, 2019 12:19 am

Необходимо сделать на сцене кнопку с подписью. При нажатии на кнопку должно открываться всплывающее меню с несколькими пунктами, которые управляют неким устройством. Устройство уже отлично управляется PHP-кодом. Обратной связи от устройства нет, никакие статусы отображать не нужно. Есть ли какой-то готовый UI-элемент с помощью которого, можно реализовать кнопку с таким меню?
bartwell
Сообщения: 19
Зарегистрирован: Пн апр 23, 2018 11:10 am
Благодарил (а): 7 раз
Поблагодарили: 12 раз

Re: Дизайн сцен

Сообщение bartwell » Пн янв 07, 2019 1:48 am

Сделал так. На сцене добавляем кнопку, суем туда этот HTML-код. А потом в Объекты / Меню управления просто создаем radiobox c нужными нам пунктами и указываем адрес меню в iframe. Получается попап-меню, которое открывается при клике на кнопку и закрывается при выборе пункта или при клике в пустое пространство.

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

<style>
 .overlay {
  background-color: rgba(0, 0, 0, 0.65);
  position:fixed;
  z-index: 1;
  top:0;
  left:0;
  width:100%;
  height:100%;
 }
 .content {
  border: none;
  position: absolute;
  top: 10;
  left: 10;
  align: center;
  width: 90%;
  height: 90%;
  max-width: 580;
  max-width:780;
 }
</style>
<script>
 $('iframe').load(function() {
  $(this).contents().find("body").on('click', function(event) { document.getElementById('overlay').style.visibility='hidden'; });
 });
</script>
<span onClick="document.getElementById('overlay').style.visibility='visible'">
 <img src="/cms/scenes/styles/button/i_button.png" alt="" /><br/>
 Кнопка
</span>
<div class="overlay" id="overlay" onClick="this.style.visibility='hidden'">
 <iframe border="0" class="content" src="/menu.html?parent=160"/>
</div>
Аватара пользователя
nick7zmail
Сообщения: 5832
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

Re: Дизайн сцен

Сообщение nick7zmail » Ср янв 09, 2019 6:50 am

Ну в целом да, но проще было создать любой элемент (выключатель/кнопку/html), и выставить в пункте "выполнить при клике" - отобразить меню, и там уже выбирать нужный пункт. В остальном то же самое)
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Pau1td
Сообщения: 44
Зарегистрирован: Ср июл 11, 2018 4:17 pm
Благодарил (а): 24 раза
Поблагодарили: 1 раз

Re: Дизайн сцен

Сообщение Pau1td » Вс янв 13, 2019 11:45 pm

Коллеги, может быть кто-то сталкивался - не отображается последняя сцена, например, вторая или третья в окне "Сцена" на главном экране.
Если просматривать в панели управления или по прямой ссылке, то проблем нет.
В качестве выхода добавил пустую сцену самой последней - тогда все ок.
С чем это может быть связано?
Аватара пользователя
nick7zmail
Сообщения: 5832
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

Re: Дизайн сцен

Сообщение nick7zmail » Пн янв 14, 2019 7:29 am

Хз...не пользуюсь этим функционалам. Всегда отображается только 1 сцена, а с неё ссылки на другие...а родной скроллер в принципе не оч работает, если честно, особенно если сцены больше, чем область скроллера.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Аватара пользователя
nick7zmail
Сообщения: 5832
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 112 раз
Поблагодарили: 1431 раз

Re: Дизайн сцен

Сообщение nick7zmail » Вт янв 15, 2019 10:24 am

Всем привет.
Самые внимательные заметили, но для остальных, для тех кто не в курсе и т.п.
Совсем недавно вышел довольно интересный пак выключателей для сцен. В паке присутствует более 30 различных тумблеров, выключателей, переключателей, рычажков и т.п. различных размеров, цветов, форм.
При помощи них можно создавать собственные красивые сцены, либо приукрасить старые. Данные выключатели являются дополнительными стилями для элемента "выключатель/switch" на сценах. Ни строчки кода никуда писать не надо. Даже старые выключатели не надо пересоздавать. Достаточно будет просто сменить стиль.
Собственно само дополнение: https://connect.smartliving.ru/addons/c ... 6/164.html
Спасибо за внимание =).
Вложения
607_image.jpg
607_image.jpg (199.01 КБ) 102 просмотра
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Ответить