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

[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" - соответствующие "иконки" - кружочки светодиодов, красного и зеленого.

[Kod.Begemot]

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

Нет, кнопка вызывает метод, но сам свойство не меняет. Точнее - хотелось бы чтобы так умел выключатель. Проще методом всё решить, чем следить за состоянием свойства, которое выключатель меняет.
Со светодиодом вроде бы как решил, но это костыль таки, "плавающий" светодиод получился, да и зависит его положение даже от "-OK"
Кстати, кто нибудь знает - как этот "Ок" отключить?

[devoff]

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

[Kod.Begemot]

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

[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>

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

[Kod.Begemot]

Хм... Вроде бы как сразу "взлетело", и было очень даже красива кнопка. Но затем она превратилась в просто ссылку "Кухня" и рядом картинка..
А так да, работает - свои ID прикрутил...
но всё-же после нажатия делается ссылкой...

[flair]

даже ерунда....

[nick7zmail]

Все можно свойствами движка сделать ведь...че вы парите)))
http://demos.jquerymobile.com/1.4.5/button/

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

По поводу 3х позиционного - можно использовать radiobutton (в системе есть)

1.jpg (10.68 КБ) 7099 просмотров

По поводу

Кстати, кто нибудь знает - как этот "Ок" отключить?

Только создавать html блок, с кнопками...либо что-то типа модуля делать. Чтобы системные java - скрипты на них не реагировали. Можно попробовать отключить конкретный css для кнопки, если javascript привязан к стилям... Не вдавался в подробности.

[nick7zmail]

Пришел домой (предыдущий пост писал с работы) - даже интересно стало - заработает ли смена иконок или нет =D а то кинул ссыль, нифига не проверив...времени не было. Не был уверен что иконки моментально меняться будут....но нет...все работает как часы...

скрин.jpg (12.29 КБ) 7079 просмотров

Пользуйте на здоровье) Вставляется как обычный 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...можно использовать свои иконки.

[devoff]

Спасибо.
НО, кнопка то она кнопка, но как выполнять действия ?
если в меню при создание выбрать "кнопка" или слайдера, в разделе код мы прописываем действие, то тут то как ? через form ?