Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Visualisierung
    4. VIS HTML-Widget Button

    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

    VIS HTML-Widget Button

    This topic has been deleted. Only users with topic management privileges can see it.
    • Proper0912
      Proper0912 last edited by

      Hallo Leute,

      bin neu im IoBroker Universum und bin gerade daran eine Vis zu erstellen!
      Und da kommt auch meine Frage: wie kann ich ein Button im HTML-Widget erstellen und damit ein datenpunkt steuern?

      <button type="button">Klick hier</button>

      Das weis ich aber wie bekomme ich das hin, wenn ich drauf clicke das ein Datenpukt geändert wird?

      Bitte um Hilfe!

      Dank im Voraus!

      Gruß
      Proper0912

      OliverIO 1 Reply Last reply Reply Quote 0
      • Glasfaser
        Glasfaser last edited by

        @proper0912

        <button value="true" onClick="setOnClickCustom(this.value)">Klick hier</button>
        
        
        <script>
        
        function setOnClickCustom(val) {
        
            var objID = "0_userdata.0.1";
        
            this.servConn._socket.emit('getStates', objID, (error, states) => {
        
                //console.log(states);
        
                this.servConn._socket.emit('setState', objID, !states[objID].val);
        
            })
        
        }
        
        </script>
        
        Proper0912 1 Reply Last reply Reply Quote 0
        • Proper0912
          Proper0912 @Glasfaser last edited by

          @glasfaser Danke für denn Code.
          Habe es aus probiert und es funktioniert!
          Danke!

          1 Reply Last reply Reply Quote 0
          • OliverIO
            OliverIO @Proper0912 last edited by

            @proper0912

            und warum nicht einer der toggle buttons, die vis bereits anbietet?
            Im Suchfeld links einfach toggle eingeben

            Proper0912 1 Reply Last reply Reply Quote 0
            • Proper0912
              Proper0912 @OliverIO last edited by

              @oliverio Weil ich eine Vis machen möchte mit dem HTML-Widget und da kann ich ein Toggle button als widget nicht rein machen!
              Desweiteren habe ich eine Vorstellung wie die VIS aus zusehen hat und für mich ist es mit HTML einfacher darzustellen!

              OliverIO 1 Reply Last reply Reply Quote 0
              • OliverIO
                OliverIO @Proper0912 last edited by

                @proper0912 sagte in VIS HTML-Widget Button:

                @oliverio Weil ich eine Vis machen möchte mit dem HTML-Widget und da kann ich ein Toggle button als widget nicht rein machen!
                Desweiteren habe ich eine Vorstellung wie die VIS aus zusehen hat und für mich ist es mit HTML einfacher darzustellen!

                ok,
                bei dem toggle button, der einfach nur einen Wert wechselt, aber seinen Zustand nicht darstellt ist es wahrscheinlich nicht so schlimm
                aber über die Methode kennt der Knopf nicht seinen zustand. Erfolgt nun von anderer Stelle eine Aktualisierung des Datenpunktes, bekommt dieser Knopf das nicht mit und kann den Zustand auch nicht visualisieren.

                1 Reply Last reply Reply Quote 0
                • First post
                  Last post

                Support us

                ioBroker
                Community Adapters
                Donate

                584
                Online

                31.9k
                Users

                80.1k
                Topics

                1.3m
                Posts

                3
                6
                2057
                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