Кнопка "со светодиодом" (индикатором)?

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

Модератор: immortal

Аватара пользователя
Kod.Begemot
Сообщения: 358
Зарегистрирован: Чт июн 20, 2013 5:53 pm
Благодарил (а): 32 раза
Поблагодарили: 42 раза

Кнопка "со светодиодом" (индикатором)?

Сообщение Kod.Begemot » Ср фев 10, 2016 10:18 pm

Всем привет!
Вопрос такой, хочется заиметь в меню что-то типа "кнопки со светодиодом" - индикация включения, что-ли. И места мало занимает. Как в машинах, к примеру, кнопки. Или как вариант - "светящаяся надпись" т.е. текст небольшой, черный на отключенном (свойство =0?) или зелёный на включенном (=1)...
Как такое сделать, никто не подскажет?
Ну или не текст а скажем фиксированный значёк "Вкл"?
Последний раз редактировалось Kod.Begemot Чт фев 11, 2016 11:55 am, всего редактировалось 1 раз.
Sturgeon
Сообщения: 36
Зарегистрирован: Вт ноя 17, 2015 5:52 pm
Благодарил (а): 14 раз
Поблагодарили: 7 раз

Re: Кнопка "со светодиодом"?

Сообщение Sturgeon » Ср фев 10, 2016 10:37 pm

Не поможет?

http://fot-tof.ru/demo/knopka/knopka5/index.html

http://fot-tof.ru/Knopka_vklvykl_checkbox_na_CSS3.htm

Или вот интересные примеры оформления чекбоксов (смотрите ближе к концу статьи, перед комментариями):
http://shpargalkablog.ru/2013/08/checked.html
http://cssdeck.com/labs/stylish-css-switch-buttons
За это сообщение автора Sturgeon поблагодарили (всего 2):
devoff (Ср фев 10, 2016 11:51 pm) • Molostov (Вт ноя 14, 2017 2:06 pm)
Рейтинг: 2.33%
Аватара пользователя
Kod.Begemot
Сообщения: 358
Зарегистрирован: Чт июн 20, 2013 5:53 pm
Благодарил (а): 32 раза
Поблагодарили: 42 раза

Re: Кнопка "со светодиодом"?

Сообщение Kod.Begemot » Ср фев 10, 2016 10:45 pm

Ну это не совсем кнопка. По сути - выключатель который у нас и так есть. Но спасибо - красивый, да и сайт полезный. Забрал в "копилку". И кстати, я вот примерно представляю - как эту красоту влепить на сцену, а вот как это сделать в меню - если не в "HTML блоке"?

Вопрос тогда номер 2 - как можно сделать так, чтобы имеющийся сейчас в арсенале выключатель не влиял на связанное с ним свойство, а просто его внешний вид зависел от состояния связанного свойства?
Аватара пользователя
slgeo
Сообщения: 551
Зарегистрирован: Чт фев 05, 2015 2:35 pm
Откуда: РнД
Благодарил (а): 139 раз
Поблагодарили: 74 раза

Re: Кнопка "со светодиодом"?

Сообщение slgeo » Ср фев 10, 2016 10:58 pm

Я добавлю, что еще сгодился бы 3-х позиционный выключатель: вверх-вниз-стоп
Raspberry Pi2 Model B + NRF24L01 (MySensors) + 1-Wire + Esp8266 (WiFi-IoT)
CONNECT
Аватара пользователя
Kod.Begemot
Сообщения: 358
Зарегистрирован: Чт июн 20, 2013 5:53 pm
Благодарил (а): 32 раза
Поблагодарили: 42 раза

Re: Кнопка "со светодиодом"?

Сообщение Kod.Begemot » Ср фев 10, 2016 11:00 pm

Да, кстати, и такой выключатель тоже. Хотя я бы предпочел в виде опять же кнопки... У меня ролл-шторы, и роллет, а управлять простыми кнопками "Закрыть все", "Открыть все" - как то "пошло"...
Sturgeon
Сообщения: 36
Зарегистрирован: Вт ноя 17, 2015 5:52 pm
Благодарил (а): 14 раз
Поблагодарили: 7 раз

Re: Кнопка "со светодиодом"?

Сообщение Sturgeon » Ср фев 10, 2016 11:11 pm

Прошу прощения, не сразу понял вопрос. То есть Вам нужна "обратная связь"? Например, открыл шторы вручную, а в мажордомо изменился цвет кнопки/текста? Боюсь я не настолько пока продвинутый пользователь, чтобы что-то советовать, но мне кажется, что это не так просто. В случае со шторами это наверное может быть отслеживание положения сервопривода, состояние которого постоянно опрашивается и выводится в мажордомо.
Аватара пользователя
Kod.Begemot
Сообщения: 358
Зарегистрирован: Чт июн 20, 2013 5:53 pm
Благодарил (а): 32 раза
Поблагодарили: 42 раза

Re: Кнопка "со светодиодом"?

Сообщение Kod.Begemot » Ср фев 10, 2016 11:30 pm

Да у меня все данные есть в системе, вопрос в том только, как их отобразить.
С выключателями тоже - не всегда удобно отрабатывать изменение отдельного свойства, в то время как выключатель умеет вызывать и метод, так почему не запретить изменение свойства выключателем, если, к примеру, заполнено и поле метод?
P.S. Шторы "вручную" у меня открываются только с кнопок на самих приводах, о чем, естественно, сразу узнает и сервер :) Ну а не узнает - так при опросе узнает, если сервер был в отключке, к примеру.
AirKing
Сообщения: 87
Зарегистрирован: Вс фев 01, 2015 10:43 pm
Откуда: Муром
Благодарил (а): 16 раз
Поблагодарили: 7 раз

Re: Кнопка "со светодиодом"?

Сообщение AirKing » Ср фев 10, 2016 11:38 pm

Я может что-то не так понял. Но может слайдер поможет.
Получи Cashback до 18% с покупок
devoff
Сообщения: 181
Зарегистрирован: Пт апр 04, 2014 10:17 pm
Благодарил (а): 37 раз
Поблагодарили: 54 раза

Re: Кнопка "со светодиодом"?

Сообщение devoff » Ср фев 10, 2016 11:50 pm

а чем просто картинка не подходит с названием свойства ?

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

<img src="/img/icons/status/lock_32_%Security.stateColor%.png"> 
Security.stateColor - может быть green или red, а картинки green.png или red.png
olehs
Сообщения: 1115
Зарегистрирован: Вс июн 14, 2015 11:08 am
Благодарил (а): 85 раз
Поблагодарили: 342 раза

Re: Кнопка "со светодиодом"?

Сообщение olehs » Ср фев 10, 2016 11:58 pm

Если я правильно понял, нужна кнопка, которая не меняет свойство, а только отображает состояние. Тогда просто не привязывайте ее к объекту, а только настройте нужные состония.
Ответить