Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Light
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. HTML Checkbox / Zugriff auf State

NEWS

  • Neuer Blogbeitrag: Monatsrückblick - Dezember 2025 🎄
    BluefoxB
    Bluefox
    10
    1
    104

  • Weihnachtsangebot 2025! 🎄
    BluefoxB
    Bluefox
    24
    1
    1.4k

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    9.3k

HTML Checkbox / Zugriff auf State

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
48 Beiträge 3 Kommentatoren 4.6k Aufrufe 3 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • GoerschG Goersch

    Hallo,

    hab da ein Problem beim Zugriff via HTML auf den Wert eines boolean states in Verbindung mit einer CheckBox: Ich krieg es nicht hin, dass der Wert der CheckBox beim Aufrufen der Seite richtig gesetzt wird. Hab schon einige Varianten versucht, scheitere aber kläglich.

    Hier einige Versuche, die alle nicht funktionierten

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

    Ich hab noch mehrere andere Varianten versucht ... hat aber alles nicht funktioniert.

    Was ich möchte: Die CheckBox soll in Abhängigkeit des states "0_userdata.0.RSSI.CSSAutoUpdate" gesetzt sein (oder nicht).

    Ich denke, mein Ansatz ist falsch.

    Danke :)
    Georg

    Jey CeeJ Online
    Jey CeeJ Online
    Jey Cee
    Developer
    schrieb am zuletzt editiert von
    #2

    @Goersch was spricht gegen die in Vis enthaltene Checkbox?

    Persönlicher Support
    Spenden -> paypal.me/J3YC33

    GoerschG 1 Antwort Letzte Antwort
    0
    • Jey CeeJ Jey Cee

      @Goersch was spricht gegen die in Vis enthaltene Checkbox?

      GoerschG Offline
      GoerschG Offline
      Goersch
      schrieb am zuletzt editiert von
      #3

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

      GoerschG liv-in-skyL 2 Antworten Letzte Antwort
      0
      • GoerschG Goersch

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

        GoerschG Offline
        GoerschG Offline
        Goersch
        schrieb am zuletzt editiert von
        #4

        Hatte jetzt noch die Idee mittels <body onload="init()"> eine Initialisierungsfunktion zu implementieren, in der ich dann mit getState den Status lese und die CheckBox entsprechend setzt.

        Leider wird init() gar nicht erst aufgerufen (hab erst mal nur ein einaches console.log drin)

        Jey CeeJ 1 Antwort Letzte Antwort
        0
        • GoerschG Goersch

          Hatte jetzt noch die Idee mittels <body onload="init()"> eine Initialisierungsfunktion zu implementieren, in der ich dann mit getState den Status lese und die CheckBox entsprechend setzt.

          Leider wird init() gar nicht erst aufgerufen (hab erst mal nur ein einaches console.log drin)

          Jey CeeJ Online
          Jey CeeJ Online
          Jey Cee
          Developer
          schrieb am zuletzt editiert von
          #5

          @Goersch kannst du mal die Tabelle zeigen?

          Persönlicher Support
          Spenden -> paypal.me/J3YC33

          1 Antwort Letzte Antwort
          0
          • GoerschG Goersch

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

            liv-in-skyL Offline
            liv-in-skyL Offline
            liv-in-sky
            schrieb am zuletzt editiert von
            #6

            @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

            smart55.gif

            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

            GoerschG 1 Antwort Letzte Antwort
            0
            • liv-in-skyL 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

              smart55.gif

              GoerschG Offline
              GoerschG Offline
              Goersch
              schrieb am zuletzt editiert von
              #7

              @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-skyL 1 Antwort Letzte Antwort
              0
              • GoerschG 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-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                schrieb am zuletzt editiert von
                #8

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

                Image 1.png

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                GoerschG 1 Antwort Letzte Antwort
                0
                • liv-in-skyL 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

                  Image 1.png

                  GoerschG Offline
                  GoerschG Offline
                  Goersch
                  schrieb am zuletzt editiert von
                  #9

                  @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-skyL 2 Antworten Letzte Antwort
                  0
                  • GoerschG 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-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #10

                    @Goersch ich mach mal eine zusammenfassung

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    GoerschG 1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL liv-in-sky

                      @Goersch ich mach mal eine zusammenfassung

                      GoerschG Offline
                      GoerschG Offline
                      Goersch
                      schrieb am zuletzt editiert von
                      #11

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

                      1 Antwort Letzte Antwort
                      0
                      • GoerschG 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-skyL Offline
                        liv-in-skyL Offline
                        liv-in-sky
                        schrieb am zuletzt editiert von
                        #12

                        @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

                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                        GoerschG 1 Antwort Letzte Antwort
                        0
                        • liv-in-skyL 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

                          GoerschG Offline
                          GoerschG Offline
                          Goersch
                          schrieb am zuletzt editiert von
                          #13

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

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • GoerschG Goersch

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

                            liv-in-skyL Offline
                            liv-in-skyL Offline
                            liv-in-sky
                            schrieb am zuletzt editiert von
                            #14

                            @Goersch

                            das ganze nahm hier seinen anfang

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

                            nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                            GoerschG 1 Antwort Letzte Antwort
                            0
                            • liv-in-skyL liv-in-sky

                              @Goersch

                              das ganze nahm hier seinen anfang

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

                              GoerschG Offline
                              GoerschG Offline
                              Goersch
                              schrieb am zuletzt editiert von
                              #15

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

                              liv-in-skyL 2 Antworten Letzte Antwort
                              0
                              • GoerschG Goersch

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

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                schrieb am zuletzt editiert von
                                #16

                                @Goersch wie ich - das wurde dann daraus

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                1 Antwort Letzte Antwort
                                0
                                • Jey CeeJ Online
                                  Jey CeeJ Online
                                  Jey Cee
                                  Developer
                                  schrieb am zuletzt editiert von
                                  #17

                                  @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" : ""} >
                                  

                                  Persönlicher Support
                                  Spenden -> paypal.me/J3YC33

                                  liv-in-skyL GoerschG 2 Antworten Letzte Antwort
                                  0
                                  • GoerschG Goersch

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

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    schrieb am zuletzt editiert von
                                    #18

                                    @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
                                    ✅ ❌

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    1 Antwort Letzte Antwort
                                    0
                                    • Jey CeeJ 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-skyL Offline
                                      liv-in-skyL Offline
                                      liv-in-sky
                                      schrieb am zuletzt editiert von
                                      #19

                                      @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 !

                                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                      Jey CeeJ 1 Antwort Letzte Antwort
                                      0
                                      • Jey CeeJ 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" : ""} >
                                        
                                        GoerschG Offline
                                        GoerschG Offline
                                        Goersch
                                        schrieb am zuletzt editiert von
                                        #20

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

                                        1 Antwort Letzte Antwort
                                        0
                                        • liv-in-skyL 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 !

                                          Jey CeeJ Online
                                          Jey CeeJ Online
                                          Jey Cee
                                          Developer
                                          schrieb am zuletzt editiert von
                                          #21

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

                                          Persönlicher Support
                                          Spenden -> paypal.me/J3YC33

                                          liv-in-skyL 1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          817

                                          Online

                                          32.5k

                                          Benutzer

                                          81.7k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe