Jahresrückblick 2025 – unser neuer Blogbeitrag ist online! ✨

[liv-in-sky]

@Goersch sagte in HTML Checkbox / Zugriff auf State:

@Jey-Cee :

Grundsätzlich nichts - nur halt "was ich weiß/kenne" :worried:

Ich hab ein javascript, dass eine HTML Tabelle erzeugt und in einem string-state ablegt. Da ich so gar keine Idee hatte, wie ich da VIS Objekte integriere, bin ich mit den Standard-HTML Objekten losgelaufen (RadioButton, CheckBox, Button, etc.)

suchst du sowas in der art - das ist eine html tabelle in einen html widget - es kann der state auch tatsächlich gesetzt werden

[Goersch]

@liv-in-sky ja, das würde schon helfen, ist halt nur keine CheckBox. Wobei: mein Problem ist die Initialisierung der CheckBox.

@Jey-Cee : schwierig - die Formatierung ist nicht "gut", da alles in einer Zeile - und die Zeile ist sehr lang ...

ich habs jetzt noch hiermit versucht:

window.addEventListener("load",init)

aber alle versuche ein "onload" event zu bekommen funktionieren nicht (Body, Table, CheckBox, ...). Als ob die unterdrückt werden.

[liv-in-sky]

@Goersch ich habe hier ein input feld drin - sollte also auch mit einer checkbox möglich sein - habe es noch nie probiert

[Goersch]

@liv-in-sky
mh, hab das Textfeld noch nicht ausprobiert. Wie machst Du es? Ich vermute mit value="{ID des States}" vorbelegt und dann ein onchange trigger, der den neuen Wert in den State zurückschreibt? Wenn ja: Das ist das doofe an der CheckBox - genau das geht nicht :disappointed_relieved:

[liv-in-sky]

@Goersch ich mach mal eine zusammenfassung

[Goersch]

@liv-in-sky
ich glaub, das könnte helfen - danke :)

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

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

zb.

hier müßte dann eine checkbox rein

hier das beispiel mit dem input:

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"

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