Кнопка "со светодиодом" (индикатором)?
Модератор: immortal
- Kod.Begemot
- Сообщения: 358
- Зарегистрирован: Чт июн 20, 2013 5:53 pm
- Благодарил (а): 32 раза
- Поблагодарили: 42 раза
Кнопка "со светодиодом" (индикатором)?
Всем привет!
Вопрос такой, хочется заиметь в меню что-то типа "кнопки со светодиодом" - индикация включения, что-ли. И места мало занимает. Как в машинах, к примеру, кнопки. Или как вариант - "светящаяся надпись" т.е. текст небольшой, черный на отключенном (свойство =0?) или зелёный на включенном (=1)...
Как такое сделать, никто не подскажет?
Ну или не текст а скажем фиксированный значёк "Вкл"?
Вопрос такой, хочется заиметь в меню что-то типа "кнопки со светодиодом" - индикация включения, что-ли. И места мало занимает. Как в машинах, к примеру, кнопки. Или как вариант - "светящаяся надпись" т.е. текст небольшой, черный на отключенном (свойство =0?) или зелёный на включенном (=1)...
Как такое сделать, никто не подскажет?
Ну или не текст а скажем фиксированный значёк "Вкл"?
Последний раз редактировалось Kod.Begemot Чт фев 11, 2016 11:55 am, всего редактировалось 1 раз.
-
- Сообщения: 36
- Зарегистрирован: Вт ноя 17, 2015 5:52 pm
- Благодарил (а): 14 раз
- Поблагодарили: 7 раз
Re: Кнопка "со светодиодом"?
Не поможет?
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
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
- Рейтинг: 2.33%
- Kod.Begemot
- Сообщения: 358
- Зарегистрирован: Чт июн 20, 2013 5:53 pm
- Благодарил (а): 32 раза
- Поблагодарили: 42 раза
Re: Кнопка "со светодиодом"?
Ну это не совсем кнопка. По сути - выключатель который у нас и так есть. Но спасибо - красивый, да и сайт полезный. Забрал в "копилку". И кстати, я вот примерно представляю - как эту красоту влепить на сцену, а вот как это сделать в меню - если не в "HTML блоке"?
Вопрос тогда номер 2 - как можно сделать так, чтобы имеющийся сейчас в арсенале выключатель не влиял на связанное с ним свойство, а просто его внешний вид зависел от состояния связанного свойства?
Вопрос тогда номер 2 - как можно сделать так, чтобы имеющийся сейчас в арсенале выключатель не влиял на связанное с ним свойство, а просто его внешний вид зависел от состояния связанного свойства?
- slgeo
- Сообщения: 551
- Зарегистрирован: Чт фев 05, 2015 2:35 pm
- Откуда: РнД
- Благодарил (а): 139 раз
- Поблагодарили: 74 раза
Re: Кнопка "со светодиодом"?
Я добавлю, что еще сгодился бы 3-х позиционный выключатель: вверх-вниз-стоп
Raspberry Pi2 Model B + NRF24L01 (MySensors) + 1-Wire + Esp8266 (WiFi-IoT)
CONNECT
CONNECT
- Kod.Begemot
- Сообщения: 358
- Зарегистрирован: Чт июн 20, 2013 5:53 pm
- Благодарил (а): 32 раза
- Поблагодарили: 42 раза
Re: Кнопка "со светодиодом"?
Да, кстати, и такой выключатель тоже. Хотя я бы предпочел в виде опять же кнопки... У меня ролл-шторы, и роллет, а управлять простыми кнопками "Закрыть все", "Открыть все" - как то "пошло"...
-
- Сообщения: 36
- Зарегистрирован: Вт ноя 17, 2015 5:52 pm
- Благодарил (а): 14 раз
- Поблагодарили: 7 раз
Re: Кнопка "со светодиодом"?
Прошу прощения, не сразу понял вопрос. То есть Вам нужна "обратная связь"? Например, открыл шторы вручную, а в мажордомо изменился цвет кнопки/текста? Боюсь я не настолько пока продвинутый пользователь, чтобы что-то советовать, но мне кажется, что это не так просто. В случае со шторами это наверное может быть отслеживание положения сервопривода, состояние которого постоянно опрашивается и выводится в мажордомо.
- Kod.Begemot
- Сообщения: 358
- Зарегистрирован: Чт июн 20, 2013 5:53 pm
- Благодарил (а): 32 раза
- Поблагодарили: 42 раза
Re: Кнопка "со светодиодом"?
Да у меня все данные есть в системе, вопрос в том только, как их отобразить.
С выключателями тоже - не всегда удобно отрабатывать изменение отдельного свойства, в то время как выключатель умеет вызывать и метод, так почему не запретить изменение свойства выключателем, если, к примеру, заполнено и поле метод?
P.S. Шторы "вручную" у меня открываются только с кнопок на самих приводах, о чем, естественно, сразу узнает и сервер Ну а не узнает - так при опросе узнает, если сервер был в отключке, к примеру.
С выключателями тоже - не всегда удобно отрабатывать изменение отдельного свойства, в то время как выключатель умеет вызывать и метод, так почему не запретить изменение свойства выключателем, если, к примеру, заполнено и поле метод?
P.S. Шторы "вручную" у меня открываются только с кнопок на самих приводах, о чем, естественно, сразу узнает и сервер Ну а не узнает - так при опросе узнает, если сервер был в отключке, к примеру.
-
- Сообщения: 87
- Зарегистрирован: Вс фев 01, 2015 10:43 pm
- Откуда: Муром
- Благодарил (а): 16 раз
- Поблагодарили: 7 раз
Re: Кнопка "со светодиодом"?
Я может что-то не так понял. Но может слайдер поможет.
Получи Cashback до 18% с покупок
-
- Сообщения: 181
- Зарегистрирован: Пт апр 04, 2014 10:17 pm
- Благодарил (а): 37 раз
- Поблагодарили: 54 раза
Re: Кнопка "со светодиодом"?
а чем просто картинка не подходит с названием свойства ?
Security.stateColor - может быть green или red, а картинки green.png или red.png
Код: Выделить всё
<img src="/img/icons/status/lock_32_%Security.stateColor%.png">
-
- Сообщения: 1115
- Зарегистрирован: Вс июн 14, 2015 11:08 am
- Благодарил (а): 85 раз
- Поблагодарили: 342 раза
Re: Кнопка "со светодиодом"?
Если я правильно понял, нужна кнопка, которая не меняет свойство, а только отображает состояние. Тогда просто не привязывайте ее к объекту, а только настройте нужные состония.