Hallo,
ich würde gerne je nach Dimmer-Wert das Lampensymbol des circlemenu-Buttons ändern (im einfachsten Fall zumindest zwei Farben z.B.: grau=aus, gelb=ein).
Ist das möglich bzw. wie?
Danke!
Habs jetzt mal so umgesetzt... ob das sauber ist weiß ich allerdings nicht?!
<div data-type="circlemenu" class="cell circlemenu">
<ul>
<li><div data-type="symbol" data-device="HM_xxxx_Sw" data-get-on="[0-9]{1,3}|on" data-get-off="off" data-background-icon="fa-circle-thin" data-icon="fa-lightbulb-o"></div></li>
<li><div data-type="push" data-device="HM_xxx_Sw" data-set="100" data-icon="">100</div></li>
<li><div data-type="push" data-device="HM_xxx_Sw" data-set="50" data-icon="">70</div></li>
<li><div data-type="push" data-device="HM_xxx_Sw" data-set="off" data-icon="">off</div></li>
</ul>
</div>
Ist doch perfekt gelöst ;D
Hallo Forum
Ich grabe dieses alte Thema wieder aus. Leider funktioniert der angegebene Code in meinem Fall nicht (oder ich baue ihn falsch ein...).
Eine Lampe wird wie folgt angesteuert:
- Einschalten via Circlemenu mit verschiedenen Dimmstufen
- Ausschalten via separaten Button
Ich möchte, dass entweder das Circlemenu oder der Button die Farbe ändert, sobald die Lampe eingeschaltet ist und zwar unabhängig von der Dimmstufe, damit sichtbar wird, dass die Lampe eingeschaltet ist. Bis jetzt schaffe ich es nicht...
Aktuell funktioniert es so (natürlich ohne Farbwechsel!):
<div class="inline top-space">
<div data-type="label" >Wandlampe</div>
<div class="big" data-type="circlemenu">
<ul>
<li><div data-type="push" data-icon="fa-wrench"></div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 10" data-icon="">10</div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 30" data-icon="">30</div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 50" data-icon="">50</div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 70" data-icon="">70</div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 90" data-icon="">90</div></li>
<li><div data-type="push" data-device="Wandlampe" data-set-on="pct 100" data-icon="">100</div></li>
</ul>
</div>
<div data-type="label" >Ein</div>
<div class="big" data-type="push"
data-device="Wandlampe"
data-set-on="off">
</div>
<div data-type="label">Aus</div>
</div>
Kann mir jemanden den entscheidenden Hinweis geben?
Besten Dank und ebensolche Grüsse
Stephan