Дизайн сцен

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

Модератор: immortal

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
Сообщения: 6003
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 115 раз
Поблагодарили: 1485 раз

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

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

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

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

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

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

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

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

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

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 КБ) 592 просмотра
За это сообщение автора nick7zmail поблагодарили (всего 2):
ZhenyaRUS39 (Сб фев 02, 2019 9:56 am) • Kod.Begemot (Сб фев 02, 2019 11:04 am)
Рейтинг: 2.74%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Gutsu Dmitriy
Сообщения: 2
Зарегистрирован: Вс янв 21, 2018 11:12 pm
Благодарил (а): 0
Поблагодарили: 0

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

Сообщение Gutsu Dmitriy » Сб фев 02, 2019 3:23 am

Добрый день, приобрел тему Vista - поставилась и появилась в сценах , а вот просмотр не работает, и просмотр и редактирование тоже. ссылку формирует http://192.168.0.1/popup/scenes/19.html но по ней - "Страница по адресу http://192.168.0.1/popup/scenes/19.html может быть временно недоступна".
Аватара пользователя
nick7zmail
Сообщения: 6003
Зарегистрирован: Пн окт 28, 2013 8:14 am
Откуда: Екатеринбург
Благодарил (а): 115 раз
Поблагодарили: 1485 раз

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

Сообщение nick7zmail » Сб фев 02, 2019 2:54 pm

Gutsu Dmitriy писал(а):
Сб фев 02, 2019 3:23 am
Добрый день, приобрел тему Vista - поставилась и появилась в сценах , а вот просмотр не работает, и просмотр и редактирование тоже. ссылку формирует http://192.168.0.1/popup/scenes/19.html но по ней - "Страница по адресу http://192.168.0.1/popup/scenes/19.html может быть временно недоступна".
Добрый день.
Недавно видел у кого-то похожую проблему. Есть вариант, что это из-за имени пользователя. Попробуйте удалить элемент User или Пользователь на сцене...
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
:arrow: Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
yden
Сообщения: 62
Зарегистрирован: Пн авг 22, 2016 10:03 am
Благодарил (а): 11 раз
Поблагодарили: 1 раз

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

Сообщение yden » Вс мар 03, 2019 1:11 pm

Добрый.
Плиз подскажите. Тоже проблема с кнопками на сцене. Вставляю на сцену. Кнопки вставляются с линейкой прокрутки. Как убрать ее?

благодарю
Вложения
image1.jpeg
image1.jpeg (1.69 МБ) 178 просмотров
Chainik
Сообщения: 769
Зарегистрирован: Вс янв 10, 2016 11:05 am
Благодарил (а): 85 раз
Поблагодарили: 215 раз

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

Сообщение Chainik » Вс мар 03, 2019 1:33 pm

yden писал(а):
Вс мар 03, 2019 1:11 pm
Добрый.
Плиз подскажите. Тоже проблема с кнопками на сцене. Вставляю на сцену. Кнопки вставляются с линейкой прокрутки. Как убрать ее?
А что за кнопки? Как вставляете на сцену?
Ответить