Hintergrundfarbe ändern bei Zustandsänderung eines sensors...?

Begonnen von misux, 23 April 2018, 12:55:23

Vorheriges Thema - Nächstes Thema

misux

Hi!

Ich es irgendwie möglich auch noch den Hintergrund automatisch zu wechsenl wenn sich der Zustand des Sensors ändert?

Bei der Schrift hab ich es hin bekommen aber stehe was den Hintergrund angeht irgendwie aufm Schlauch...

<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class=bg-transparent>
<table width="100%">
<tr>
<!-- ============= TOR ================ -->
<!-- ====================================== -->
<td width="15%">
<div class="fixedlabel bigger bold" data-type="label" data-device="SENSOR_1_Tor" data-states='["open","closed"]' data-classes='["yellow","grey"]' >TOR</div>

<div data-type="classchanger"
      data-device="SENSOR_1_Tor"
      data-on-class="roundborder-red"
      data-off-class="roundborder-black">

    <div data-type="label"
     style="line-height: 3em;"
     data-device="SENSOR_1_Tor"
     data-get="STATE"
     data-substitution='["open","OFFEN!!!","closed","Geschlossen"]'
     data-limits='["open","closed"]'
     data-colors='["#FF0000","grey"]'></div>
</div>
</td>

misux

Hab es jetzt soweit so aber es wird nicht der ganze bereich der BOX gefärbt... :-\

<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class=bg-transparent>
<table width="100%">
<tr>
<!-- ============= TOR ================ -->
<!-- ====================================== -->
<td width="15%">
<div data-type="classchanger" data-device="SENSOR_1_Tor" data-off-class="#808080" data-on-class="bg-green">
<div class="fixedlabel bigger bold" data-type="label" data-device="SENSOR_1_Tor" data-states='["open","closed"]' data-classes='["yellow","grey"]'>TOR</div>

<div data-type="classchanger"
      data-device="SENSOR_1_Tor"
      data-on-class="roundborder-red"
      data-off-class="roundborder-black">

    <div data-type="label"
     style="line-height: 3em;"
     data-device="SENSOR_1_Tor"
     data-get="STATE"
     data-substitution='["open","OFFEN!!!","closed","Geschlossen"]'
     data-limits='["open","closed"]'
     data-colors='["#FF0000","grey"]'></div>
</div></div>

</td>

Vaddi

Ich habe deinen Code gerade mal bei mir getestet, funktioniert bei mir, allerdings weiß ich auch nicht, was du mit
"ganze BOX" meinst. Nen Screenshot wäre ganz hilfreich.
Achso, einige Fehler habe ich allerdings gerade auf die schnelle gesehen.
Da fehlen die Anführungszeichen im li tag bei class=bg-transparent
<li data-row="1" data-col="1" data-sizex="15" data-sizey="1" class="bg-transparent">
Außerdem schließt du die tags <tr>, <table> und <li> nicht.
fhem auf RPi 3
HM-MOD-RPI-PCB sowie 433mhz Sender
Mehrere HM und 433mhz Produkte

misux

Okay habe die Fehler beseitigt... Leider ohne Erfolg... Habe das Bild angehängt.. Es wird nichtbdie ganze Box grün sondern nir so hoch wie der Text ist.. .

Geschlossen wird sie schon, nur viel später... hängt noch mehr dran, wollte nur nicht alles überfüllen...

Vaddi

Das sscheint an deiner Tabelle zu liegen.
Wie man allerdings den classchanger auf ein <td> setzt, weiß ich nicht.
fhem auf RPi 3
HM-MOD-RPI-PCB sowie 433mhz Sender
Mehrere HM und 433mhz Produkte