Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. HTML Checkbox / Zugriff auf State

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    HTML Checkbox / Zugriff auf State

    This topic has been deleted. Only users with topic management privileges can see it.
    • Jey Cee
      Jey Cee Developer @Goersch last edited by

      @Goersch kannst du mal die Tabelle zeigen?

      1 Reply Last reply Reply Quote 0
      • liv-in-sky
        liv-in-sky @Goersch last edited by

        @Goersch sagte in HTML Checkbox / Zugriff auf State:

        @Jey-Cee :

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

        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

        Goersch 1 Reply Last reply Reply Quote 0
        • Goersch
          Goersch @liv-in-sky last edited by

          @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 1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Goersch last edited by

            @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

            Goersch 1 Reply Last reply Reply Quote 0
            • Goersch
              Goersch @liv-in-sky last edited by

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

              liv-in-sky 2 Replies Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Goersch last edited by

                @Goersch ich mach mal eine zusammenfassung

                Goersch 1 Reply Last reply Reply Quote 0
                • Goersch
                  Goersch @liv-in-sky last edited by

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

                  1 Reply Last reply Reply Quote 0
                  • liv-in-sky
                    liv-in-sky @Goersch last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • Goersch
                      Goersch @liv-in-sky last edited by

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

                      liv-in-sky 1 Reply Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @Goersch last edited by

                        @Goersch

                        das ganze nahm hier seinen anfang

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

                        Goersch 1 Reply Last reply Reply Quote 0
                        • Goersch
                          Goersch @liv-in-sky last edited by

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

                          liv-in-sky 2 Replies Last reply Reply Quote 0
                          • liv-in-sky
                            liv-in-sky @Goersch last edited by

                            @Goersch wie ich - das wurde dann daraus

                            1 Reply Last reply Reply Quote 0
                            • Jey Cee
                              Jey Cee Developer last edited by

                              @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 2 Replies Last reply Reply Quote 0
                              • liv-in-sky
                                liv-in-sky @Goersch last edited by

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

                                1 Reply Last reply Reply Quote 0
                                • liv-in-sky
                                  liv-in-sky @Jey Cee last edited by

                                  @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 Cee 1 Reply Last reply Reply Quote 0
                                  • Goersch
                                    Goersch @Jey Cee last edited by

                                    @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 Reply Last reply Reply Quote 0
                                    • Jey Cee
                                      Jey Cee Developer @liv-in-sky last edited by

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

                                      liv-in-sky 1 Reply Last reply Reply Quote 0
                                      • liv-in-sky
                                        liv-in-sky @Jey Cee last edited by liv-in-sky

                                        @Jey-Cee also doch mit den emojis ? 🙂

                                        1 Reply Last reply Reply Quote 0
                                        • liv-in-sky
                                          liv-in-sky last edited by 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 Goersch 2 Replies Last reply Reply Quote 0
                                          • Jey Cee
                                            Jey Cee Developer @liv-in-sky last edited by

                                            @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 2 Replies Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            424
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            vis
                                            3
                                            48
                                            2527
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo