Дизайн сцен
Модератор: immortal
-
- Сообщения: 61
- Зарегистрирован: Пн апр 23, 2018 11:10 am
- Благодарил (а): 16 раз
- Поблагодарили: 29 раз
Re: Дизайн сцен
Необходимо сделать на сцене кнопку с подписью. При нажатии на кнопку должно открываться всплывающее меню с несколькими пунктами, которые управляют неким устройством. Устройство уже отлично управляется PHP-кодом. Обратной связи от устройства нет, никакие статусы отображать не нужно. Есть ли какой-то готовый UI-элемент с помощью которого, можно реализовать кнопку с таким меню?
-
- Сообщения: 61
- Зарегистрирован: Пн апр 23, 2018 11:10 am
- Благодарил (а): 16 раз
- Поблагодарили: 29 раз
Re: Дизайн сцен
Сделал так. На сцене добавляем кнопку, суем туда этот 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
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен
Ну в целом да, но проще было создать любой элемент (выключатель/кнопку/html), и выставить в пункте "выполнить при клике" - отобразить меню, и там уже выбирать нужный пункт. В остальном то же самое)
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 76
- Зарегистрирован: Ср июл 11, 2018 4:17 pm
- Благодарил (а): 36 раз
- Поблагодарили: 7 раз
Re: Дизайн сцен
Коллеги, может быть кто-то сталкивался - не отображается последняя сцена, например, вторая или третья в окне "Сцена" на главном экране.
Если просматривать в панели управления или по прямой ссылке, то проблем нет.
В качестве выхода добавил пустую сцену самой последней - тогда все ок.
С чем это может быть связано?
Если просматривать в панели управления или по прямой ссылке, то проблем нет.
В качестве выхода добавил пустую сцену самой последней - тогда все ок.
С чем это может быть связано?
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен
Хз...не пользуюсь этим функционалам. Всегда отображается только 1 сцена, а с неё ссылки на другие...а родной скроллер в принципе не оч работает, если честно, особенно если сцены больше, чем область скроллера.
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
Re: Дизайн сцен
Всем привет.
Самые внимательные заметили, но для остальных, для тех кто не в курсе и т.п.
Совсем недавно вышел довольно интересный пак выключателей для сцен. В паке присутствует более 30 различных тумблеров, выключателей, переключателей, рычажков и т.п. различных размеров, цветов, форм.
При помощи них можно создавать собственные красивые сцены, либо приукрасить старые. Данные выключатели являются дополнительными стилями для элемента "выключатель/switch" на сценах. Ни строчки кода никуда писать не надо. Даже старые выключатели не надо пересоздавать. Достаточно будет просто сменить стиль.
Собственно само дополнение: https://connect.smartliving.ru/addons/c ... 6/164.html
Спасибо за внимание =).
Самые внимательные заметили, но для остальных, для тех кто не в курсе и т.п.
Совсем недавно вышел довольно интересный пак выключателей для сцен. В паке присутствует более 30 различных тумблеров, выключателей, переключателей, рычажков и т.п. различных размеров, цветов, форм.
При помощи них можно создавать собственные красивые сцены, либо приукрасить старые. Данные выключатели являются дополнительными стилями для элемента "выключатель/switch" на сценах. Ни строчки кода никуда писать не надо. Даже старые выключатели не надо пересоздавать. Достаточно будет просто сменить стиль.
Собственно само дополнение: https://connect.smartliving.ru/addons/c ... 6/164.html
Спасибо за внимание =).
- Вложения
-
- 607_image.jpg (199.01 КБ) 5058 просмотров
- За это сообщение автора nick7zmail поблагодарили (всего 2):
- ZhenyaRUS39 (Сб фев 02, 2019 9:56 am) • Kod.Begemot (Сб фев 02, 2019 11:04 am)
- Рейтинг: 2.33%
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 26
- Зарегистрирован: Вс янв 21, 2018 11:12 pm
- Благодарил (а): 6 раз
- Поблагодарили: 1 раз
Re: Дизайн сцен
Добрый день, приобрел тему Vista - поставилась и появилась в сценах , а вот просмотр не работает, и просмотр и редактирование тоже. ссылку формирует http://192.168.0.1/popup/scenes/19.html но по ней - "Страница по адресу http://192.168.0.1/popup/scenes/19.html может быть временно недоступна".
- nick7zmail
- Сообщения: 7573
- Зарегистрирован: Пн окт 28, 2013 8:14 am
- Откуда: Екатеринбург
- Благодарил (а): 121 раз
- Поблагодарили: 2010 раз
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 может быть временно недоступна".
Недавно видел у кого-то похожую проблему. Есть вариант, что это из-за имени пользователя. Попробуйте удалить элемент User или Пользователь на сцене...
Raspberry Pi3+Broadlink+esp8266 (blynk)+AMS
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
Если вам помогло какое-либо сообщение - не забывайте пользоваться кнопкой "СПАСИБО".
Услуги в профиле коннект
>>>>>Мой новый канал на ютутбе, подписывайтесь!<<<<<
-
- Сообщения: 141
- Зарегистрирован: Пн авг 22, 2016 10:03 am
- Благодарил (а): 28 раз
- Поблагодарили: 5 раз
Re: Дизайн сцен
Добрый.
Плиз подскажите. Тоже проблема с кнопками на сцене. Вставляю на сцену. Кнопки вставляются с линейкой прокрутки. Как убрать ее?
благодарю
Плиз подскажите. Тоже проблема с кнопками на сцене. Вставляю на сцену. Кнопки вставляются с линейкой прокрутки. Как убрать ее?
благодарю
- Вложения
-
- image1.jpeg (1.69 МБ) 4644 просмотра
-
- Сообщения: 1463
- Зарегистрирован: Вс янв 10, 2016 11:05 am
- Благодарил (а): 260 раз
- Поблагодарили: 454 раза