Страница 2 из 5

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

Добавлено: Чт фев 11, 2016 8:41 am
Kod.Begemot
В общем вчера я таки решил проблему, но отписываться не стал - ибо очень поздно было. Да, фактически я использовал это:

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

<img src="/img/icons/status/lock_32_%Security.stateColor%.png">  
что и предложил devoff, только засунул это в название кнопки. к примеру:

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

<img src="/images/btn%KitchenMainLight.Status%.png" align="absmiddle"> Кухня
, где KitchenMainLight.Status - статус света в кухне, а "/images/btn0.png" и "/images/btn1.png" - соответствующие "иконки" - кружочки светодиодов, красного и зеленого.

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

Добавлено: Чт фев 11, 2016 11:54 am
Kod.Begemot
olehs писал(а):Если я правильно понял, нужна кнопка, которая не меняет свойство, а только отображает состояние. Тогда просто не привязывайте ее к объекту, а только настройте нужные состония.
Нет, кнопка вызывает метод, но сам свойство не меняет. Точнее - хотелось бы чтобы так умел выключатель. Проще методом всё решить, чем следить за состоянием свойства, которое выключатель меняет.
Со светодиодом вроде бы как решил, но это костыль таки, "плавающий" светодиод получился, да и зависит его положение даже от "-OK"
Кстати, кто нибудь знает - как этот "Ок" отключить?

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

Добавлено: Чт фев 11, 2016 6:59 pm
devoff
Kod.Begemot - так ты вместо кнопки сделай 2 картинки в виде кнопки (в вставь в HTML блок), и расположи название справа и лампочки слева, уже как удобно, а картинки так же подгружай в зависимости от свойства. Только эффекта нажатия не будет )

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

Добавлено: Чт фев 11, 2016 8:23 pm
Kod.Begemot
Согласен, так можно. Но во-первых - дольше загрузка (а с мобильного порой это важно), во вторых - не универсально, т.к. каждый раз писать надо на кнопках надписи и сохранять в двух вариантах... Да опять же - не привыкли мы уже как то, в 21 веке, да без эффекта нажатия...
Скорее всего это даже наверное уже вопрос к автору и сообществу - к автору "а можно ли добавить такой элемент", а к сообществу "нужен такой элемент или нет"...

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

Добавлено: Чт фев 11, 2016 10:44 pm
devoff
Попробуй так, методом тыка, но что то получилось -

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

        <a href="#" onClick="return itemValueChanged('70', 'clicked');" data-role="button" ><span id="label_70">
 
  <table  class="shout_button" border="0" cellpadding="1" cellspacing="1" style="width: 300px; height: 50px">
  <tbody>
    
        <tr>
            <td width="20" ><img src="/img/icons/status/lock_32_%Security.stateColor%.png">  </span></td>
            <td width="250"><span id="label_70">Кухня</span><span id="processing_70"></span></td>
        </tr>
    </tbody>
</table>
  
  </a>

 

только обрати внимания на label_70 - 70 это id элемента, как на сцене.
что бы пропало .... ОК - удали <span id="processing_70"></span>

уверен, что криво, но можно поработать в этом направление.

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

Добавлено: Чт фев 11, 2016 11:31 pm
Kod.Begemot
Хм... Вроде бы как сразу "взлетело", и было очень даже красива кнопка. Но затем она превратилась в просто ссылку "Кухня" и рядом картинка..
А так да, работает - свои ID прикрутил...
но всё-же после нажатия делается ссылкой...

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

Добавлено: Пт фев 12, 2016 12:40 am
flair
даже ерунда....

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

Добавлено: Пт фев 12, 2016 12:09 pm
nick7zmail
Все можно свойствами движка сделать ведь...че вы парите)))
http://demos.jquerymobile.com/1.4.5/button/

В конце кнопки с глиф-иконками. Если их не привязывать к методу - как раз будет такой индикатор.

По поводу 3х позиционного - можно использовать radiobutton (в системе есть)
1.jpg
1.jpg (10.68 КБ) 8530 просмотров
По поводу
Kod.Begemot писал(а): Кстати, кто нибудь знает - как этот "Ок" отключить?
Только создавать html блок, с кнопками...либо что-то типа модуля делать. Чтобы системные java - скрипты на них не реагировали. Можно попробовать отключить конкретный css для кнопки, если javascript привязан к стилям... Не вдавался в подробности.

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

Добавлено: Пт фев 12, 2016 6:11 pm
nick7zmail
Пришел домой (предыдущий пост писал с работы) - даже интересно стало - заработает ли смена иконок или нет =D а то кинул ссыль, нифига не проверив...времени не было. Не был уверен что иконки моментально меняться будут....но нет...все работает как часы...
скрин.jpg
скрин.jpg (12.29 КБ) 8510 просмотров
Пользуйте на здоровье) Вставляется как обычный html блок.

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

<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left %test.val%">Тест1</button>
<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left %test.val2%">Тест2 (длинный)</button>
<button class="ui-btn ui-shadow ui-corner-all ui-btn-icon-left %test.val3%">Тест3 (длинный)</button>
 
И кстати без надписи "- ОК"
test.val - присваивается название иконок http://demos.jquerymobile.com/1.4.5/icons/ (таким же способом как red/green...описывать не буду)
к примеру на скрине - ui-icon-power и ui-icon-recycle...можно использовать свои иконки.

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

Добавлено: Пт фев 12, 2016 7:44 pm
devoff
Спасибо.
НО, кнопка то она кнопка, но как выполнять действия ?
если в меню при создание выбрать "кнопка" или слайдера, в разделе код мы прописываем действие, то тут то как ? через form ?