HTML Checkbox / Zugriff auf State

liv-in-sky

@Goersch
bei der erzeugung des html datenpunktes wird ein javascript im html file gebraucht/eingebunden - dieses script bearbeitet über die existierende vis-socket-verbindung die datenpunkte

zb.

Image 2.png

in der html tabelle muss auch in einem feld ein z.b. button sein

zb.

Image 3.png
hier müßte dann eine checkbox rein

hier das beispiel mit dem input:
Image 4.png

am ende wird die konstante mit dem script noch angehängt und das war es auch schon

das orginalscript findest du hier: https://forum.iobroker.net/topic/28953/sonoff-geräte-als-html-tabelle-vis-iqontrol

Goersch

@liv-in-sky
Danke - das schau ich mir mal genauer an

liv-in-sky

@Goersch

das ganze nahm hier seinen anfang

https://forum.iobroker.net/topic/29813/steuerelement-in-html-tabelle/9

Goersch

@liv-in-sky
witzig, in dem Thread hatte ich mir meine ersten Ideen geholt :)

liv-in-sky

@Goersch wie ich - das wurde dann daraus

Jey Cee

@Goersch du warst nah dran mit deinem Lösungsversuch:

<input type="checkbox" id="cbAutoUpdate" name="cbAutoUpdate" onchange="autoUpdate(this.checked)" {val:0_userdata.0.example_state; val == "true" ? "checked" : ""} >

liv-in-sky

@Goersch ich glaube mich zu erinnern - ich hatte wohl probleme die checkbox zu integrieren

was man aber machen könnte ist mit emojis zu arbeiten und diese zu verlinken anstatt das on/off zu zeigen
✅ ❌

liv-in-sky

@Jey-Cee sagte in HTML Checkbox / Zugriff auf State:

@Goersch du warst nah dran mit deinem Lösungsversuch:

<input type="checkbox" id="cbAutoUpdate" name="cbAutoUpdate" onchange="autoUpdate(this.checked)" {val:0_userdata.0.example_state; val == "true" ? "checked" : ""} >

das fehlte mir damals !

Goersch

@Jey-Cee
arg, ich seh den unterschied nicht - sag nicht, dass ich "val" anstatt "v" in der Klammer nehmen muss -probier es gleich aus

Jey Cee

@liv-in-sky Problem ist nur das es momentan one way ist, also vom Objekt zur Checkbox geht, andersrum nicht.

liv-in-sky

@Jey-Cee also doch mit den emojis ? :-)

liv-in-sky

das script fragt ja den val ab und zeigt dann das ergebnis (checket uncheckt) - schaltet man über die tabelle, wird auch noch die tabelle upgedatet - hatte ich vergessen zu erwähnen - und somit ändert sich das checkt/uncheckt

ich realisiere das aufrufen des scriptes mit einem datenpunkt array - es werden also die power-datenpunkte(der sonoffs) im script in ein array geschrieben und wenn sich da einer ändert, wird das script über einen trigger nochmal aufgerufen

so wird dann die anzeige "upgedatet"

Image 6.png

Jey Cee

@liv-in-sky @Goersch jetzt hab ich ne Lösung für beide Richtungen, kommt mit den vis Bordmitteln aus:

<script>
    function test(){
        if (cbAutoUpdate.checked == true){
            vis.setValue("0_userdata.0.example_state", true)
        } else {
             vis.setValue("0_userdata.0.example_state", false)
        }
        
    }
</script>
<body>
    <input type="checkbox" id="cbAutoUpdate" onclick="test()" {val:0_userdata.0.example_state; val == "true" ? "checked" : ""} >
</body>

Goersch

@liv-in-sky
ja, das mit dem Update der Tabelle ist bei mir genauso - nur springt die Anzeige der Tabelle immer wieder "nach oben", was ich mit dem "AutoUpdate" aktivieren/deaktivieren will (Tabelle hat bei mir ca. 150 Zeilen).
ich schreibe nicht in eine Datei, sondern in ein State, den ich dann via VIS "Basic string [unescaped]" anzeige.

zum Thread

@Jey-Cee
seufz, will nicht - CheckBox bleibt "unchecked" obwohl der Wert auf "true" steht

<input type="checkbox" id="cbAutoUpdate" name="cbAutoUpdate" onchange="autoUpdate(this.checked)" {val:0_userdata.0.RSSI.CSSAutoUpdate; val ? "checked" : ""} >

(ich habs auch mit val == "true" ausprobiert).

liv-in-sky

@Goersch ich schreibe auch in einen datenpunkt - das file zu schreiben ist nur ein extra feature (brauchte man früher für iqontrol anzeige)

Goersch

@Jey-Cee sagte in HTML Checkbox / Zugriff auf State:

@liv-in-sky @Goersch jetzt hab ich ne Lösung für beide Richtungen, kommt mit den vis Bordmitteln aus:

<script>
    function test(){
        if (cbAutoUpdate.checked == true){
            vis.setValue("0_userdata.0.example_state", true)
        } else {
             vis.setValue("0_userdata.0.example_state", false)
        }
        
    }
</script>
<body>
    <input type="checkbox" id="cbAutoUpdate" onclick="test()" {val:0_userdata.0.example_state; val == "true" ? "checked" : ""} >
</body>

:disappointed_relieved: :disappointed_relieved: Warum funktioniert das bei mir nicht ...

die test() sieht bei mir "ähnlich" aus

function autoUpdate(checked) {servConn.setState("' + getCSSAutoUpdateId() + '", checked);}

Jey Cee

@Goersch sagte in HTML Checkbox / Zugriff auf State:

Warum funktioniert das bei mir nicht ...
die test() sieht bei mir "ähnlich" aus

Benutz doch einfach 1:1 was ich dir gegeben hab. Die servConn ist nicht bestandteil von vis.

Goersch

@Jey-Cee
mit dem setState hab ich keine Probleme - mein Problem liegt eher hier: "{val:0_userdata.0.example_state; val == "true" ? "checked" : ""}" - das klappt nicht

Goersch

@Jey-Cee
Idee: welcher Typ hat bei Dir 0_userdata.0.example_state? boolean oder string?

Jey Cee

@Goersch sagte in HTML Checkbox / Zugriff auf State:

@Jey-Cee
Idee: welcher Typ hat bei Dir 0_userdata.0.example_state? boolean oder string?

Spielt keine Rolle, klappt mit beiden Datentypen.

Community Forum

NEWS

HTML Checkbox / Zugriff auf State

Support us

349

32.5k

81.8k

1.3m