Weiter zum Inhalt
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • GitHub
  • Docu
  • Hilfe
Skins
  • Hell
  • Brite
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dunkel
  • 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. [gelöst] hqwidget Checkbox in Vis per Skript bearbeiten

NEWS

  • Neuer ioBroker-Blog online: Monatsrückblick März/April 2026
    BluefoxB
    Bluefox
    8
    1
    314

  • Verwendung von KI bitte immer deutlich kennzeichnen
    HomoranH
    Homoran
    9
    1
    290

  • Monatsrückblick Januar/Februar 2026 ist online!
    BluefoxB
    Bluefox
    18
    1
    922

[gelöst] hqwidget Checkbox in Vis per Skript bearbeiten

Geplant Angeheftet Gesperrt Verschoben Visualisierung
vis
11 Beiträge 2 Kommentatoren 924 Aufrufe 2 Beobachtet
  • Ä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.
  • Karel PuhliK Offline
    Karel PuhliK Offline
    Karel Puhli
    schrieb am zuletzt editiert von Karel Puhli
    #1

    Hallo zusammen!
    ich würde gerne mit meinem hqwidget Checkbox Hue Szenen schalten.

    hqwidgetCheckbox.png

    Hue Szenen lassen sich in diesem Zusammenhang bekanntlich nicht "ausschalten". Daher würde ich gerne den Schalter nach 5 Sekunden wieder auf false springen lassen. Ich habe das jetzt folgendermaßen gelöst. Ich habe einen Datenpunkt erstellt und dazu ein BlocklySkript geschrieben. Das funktioniert auch so. Allerdings finde ich das sehr umständlich. Daher die Frage, wie ich das ganze direkt in der Vis über "Skripte" lösen kann. Bin in Sachen JavaScript allerdings noch ganz am Anfang. Die entscheidende Idee fehlt mir noch. Vielleicht habt ihr dazu Lösungen für mich?
    Vielen Dank schon mal!!!

    M 1 Antwort Letzte Antwort
    0
    • Karel PuhliK Karel Puhli

      Hallo zusammen!
      ich würde gerne mit meinem hqwidget Checkbox Hue Szenen schalten.

      hqwidgetCheckbox.png

      Hue Szenen lassen sich in diesem Zusammenhang bekanntlich nicht "ausschalten". Daher würde ich gerne den Schalter nach 5 Sekunden wieder auf false springen lassen. Ich habe das jetzt folgendermaßen gelöst. Ich habe einen Datenpunkt erstellt und dazu ein BlocklySkript geschrieben. Das funktioniert auch so. Allerdings finde ich das sehr umständlich. Daher die Frage, wie ich das ganze direkt in der Vis über "Skripte" lösen kann. Bin in Sachen JavaScript allerdings noch ganz am Anfang. Die entscheidende Idee fehlt mir noch. Vielleicht habt ihr dazu Lösungen für mich?
      Vielen Dank schon mal!!!

      M Online
      M Online
      MCU
      schrieb am zuletzt editiert von MCU
      #2

      @Karel-Puhli vorab
      https://forum.iobroker.net/topic/28680/vis-allgemein-skripte/4

      https://forum.iobroker.net/topic/3261/schalter-in-vis-zum-script-starten/3

      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

      Karel PuhliK 1 Antwort Letzte Antwort
      0
      • M MCU

        @Karel-Puhli vorab
        https://forum.iobroker.net/topic/28680/vis-allgemein-skripte/4

        https://forum.iobroker.net/topic/3261/schalter-in-vis-zum-script-starten/3

        Karel PuhliK Offline
        Karel PuhliK Offline
        Karel Puhli
        schrieb am zuletzt editiert von
        #3

        @MCU

        Danke schon mal für die Links. Ich habe nun folgenden Code in Vis unter Skripte eingefügt.

        on ({
        
        id: "0_userdata.0.Meine_Geräte.Nordlichter",
        
        change: 'ne',
        
        val: true
        
        },
        
        function(){
        
        
           setStateDelayed('0_userdata.0.Meine_Geräte.Nordlichter', false, 5000, true);
        
                    }
        
            );
        

        Es tut sich aber nichts. Wenn ich den selben Code im JavaScript Adapter ausführen lasse, funktioniert alles. Wo ist mein Denkfehler?

        Grüße!

        M 1 Antwort Letzte Antwort
        0
        • Karel PuhliK Karel Puhli

          @MCU

          Danke schon mal für die Links. Ich habe nun folgenden Code in Vis unter Skripte eingefügt.

          on ({
          
          id: "0_userdata.0.Meine_Geräte.Nordlichter",
          
          change: 'ne',
          
          val: true
          
          },
          
          function(){
          
          
             setStateDelayed('0_userdata.0.Meine_Geräte.Nordlichter', false, 5000, true);
          
                      }
          
              );
          

          Es tut sich aber nichts. Wenn ich den selben Code im JavaScript Adapter ausführen lasse, funktioniert alles. Wo ist mein Denkfehler?

          Grüße!

          M Online
          M Online
          MCU
          schrieb am zuletzt editiert von MCU
          #4

          @Karel-Puhli https://www.iobroker.net/#de/documentation/viz/app.md
          Da ist ein Beispiel hinterlegt vielleicht hilft es?

          $document.on..... ?

          var viewOrder = ['View 1','View 2','View 3','View 4','View 5','View 6'];
          
          $(document).on('swipe', function (event){
          
            event.preventDefault();
            if (event.originalEvent.touch.delta.x < -200 && event.originalEvent.touch.delta.y > -30 && event.originalEvent.touch.delta.y < 30) {
              if (viewOrder.indexOf(vis.activeView) < viewOrder.length - 2)
                vis.changeView(viewOrder[viewOrder.indexOf(vis.activeView) + 1]);
               else
                vis.changeView(viewOrder[0]);
            } else
            if (event.originalEvent.touch.delta.x > 200 && event.originalEvent.touch.delta.y > -30 && event.originalEvent.touch.delta.y < 30) {
              if (viewOrder.indexOf(vis.activeView) > 0)
                vis.changeView(viewOrder[viewOrder.indexOf(vis.activeView) - 1]);
               else
                vis.changeView(viewOrder[viewOrder.length - 1]);
             }
          });
          

          NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
          Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

          M 1 Antwort Letzte Antwort
          0
          • M MCU

            @Karel-Puhli https://www.iobroker.net/#de/documentation/viz/app.md
            Da ist ein Beispiel hinterlegt vielleicht hilft es?

            $document.on..... ?

            var viewOrder = ['View 1','View 2','View 3','View 4','View 5','View 6'];
            
            $(document).on('swipe', function (event){
            
              event.preventDefault();
              if (event.originalEvent.touch.delta.x < -200 && event.originalEvent.touch.delta.y > -30 && event.originalEvent.touch.delta.y < 30) {
                if (viewOrder.indexOf(vis.activeView) < viewOrder.length - 2)
                  vis.changeView(viewOrder[viewOrder.indexOf(vis.activeView) + 1]);
                 else
                  vis.changeView(viewOrder[0]);
              } else
              if (event.originalEvent.touch.delta.x > 200 && event.originalEvent.touch.delta.y > -30 && event.originalEvent.touch.delta.y < 30) {
                if (viewOrder.indexOf(vis.activeView) > 0)
                  vis.changeView(viewOrder[viewOrder.indexOf(vis.activeView) - 1]);
                 else
                  vis.changeView(viewOrder[viewOrder.length - 1]);
               }
            });
            
            M Online
            M Online
            MCU
            schrieb am zuletzt editiert von
            #5

            Man muss anscheinend mit den Scripten bezogen auf das HTML-Objekt arbeiten. In dem Moment der Bearbeitung ist ja die Seite eine HTML-Seite!

            var objTag = document.getElementById("w00072");

            NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
            Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

            M Karel PuhliK 2 Antworten Letzte Antwort
            0
            • M MCU

              Man muss anscheinend mit den Scripten bezogen auf das HTML-Objekt arbeiten. In dem Moment der Bearbeitung ist ja die Seite eine HTML-Seite!

              var objTag = document.getElementById("w00072");

              M Online
              M Online
              MCU
              schrieb am zuletzt editiert von MCU
              #6

              @MCU https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/892

              https://forum.iobroker.net/topic/7395/zugriff-auf-objekt-in-script/8

              NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
              Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

              Karel PuhliK 1 Antwort Letzte Antwort
              0
              • M MCU

                @MCU https://forum.iobroker.net/topic/12723/einfach-mal-zeigen-will-teil-2/892

                https://forum.iobroker.net/topic/7395/zugriff-auf-objekt-in-script/8

                Karel PuhliK Offline
                Karel PuhliK Offline
                Karel Puhli
                schrieb am zuletzt editiert von
                #7

                @MCU

                Vielen lieben Dank! Ich versuche mal hier was passendes heraus zu suchen!

                M 1 Antwort Letzte Antwort
                0
                • Karel PuhliK Karel Puhli

                  @MCU

                  Vielen lieben Dank! Ich versuche mal hier was passendes heraus zu suchen!

                  M Online
                  M Online
                  MCU
                  schrieb am zuletzt editiert von
                  #8

                  @Karel-Puhli https://forum.iobroker.net/topic/30877/script-in-vis-wozu-bzw-wie-funktionerts/2

                  NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                  Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                  1 Antwort Letzte Antwort
                  0
                  • M MCU

                    Man muss anscheinend mit den Scripten bezogen auf das HTML-Objekt arbeiten. In dem Moment der Bearbeitung ist ja die Seite eine HTML-Seite!

                    var objTag = document.getElementById("w00072");

                    Karel PuhliK Offline
                    Karel PuhliK Offline
                    Karel Puhli
                    schrieb am zuletzt editiert von Karel Puhli
                    #9

                    @MCU

                    Man muss anscheinend mit den Scripten bezogen auf das HTML-Objekt arbeiten. In dem Moment der Bearbeitung ist ja die Seite eine HTML-Seite!

                    var objTag = document.getElementById("w00072");

                    Das war der entscheidende Tip!

                    Du kannst aus den Projekt-Skripten nicht auf die Objekte zugreifen. Die Vis-Skripte laufen im Browser, nicht auf dem Server, wo sich die Objekte befinden.

                    M 1 Antwort Letzte Antwort
                    0
                    • Karel PuhliK Karel Puhli

                      @MCU

                      Man muss anscheinend mit den Scripten bezogen auf das HTML-Objekt arbeiten. In dem Moment der Bearbeitung ist ja die Seite eine HTML-Seite!

                      var objTag = document.getElementById("w00072");

                      Das war der entscheidende Tip!

                      Du kannst aus den Projekt-Skripten nicht auf die Objekte zugreifen. Die Vis-Skripte laufen im Browser, nicht auf dem Server, wo sich die Objekte befinden.

                      M Online
                      M Online
                      MCU
                      schrieb am zuletzt editiert von
                      #10

                      @Karel-Puhli Wenn es funktioniert, stellst du bitte das Script und die entsprechenden Widget Bilder zur Verfügung. Dann können andere das nachvollziehen. Danke.

                      NUC i7 64GB mit Proxmox ---- Jarvis Infos Aktualisierungen der Doku auf Instagram verfolgen -> mcuiobroker Instagram
                      Wenn Euch mein Vorschlag geholfen hat, bitte rechts "^" klicken.

                      1 Antwort Letzte Antwort
                      0
                      • Karel PuhliK Offline
                        Karel PuhliK Offline
                        Karel Puhli
                        schrieb am zuletzt editiert von
                        #11

                        Naja, somit kann ich eigentlich die Eingangsfrage mit nein beantworten. Das scheint dann tatsächlich nur über ein Javascript / Ereignis / Datenpunkt zu laufen.

                        Für den Reiter Skripte in Vis kommen beispielsweise folgende Möglichkeiten in Betracht.

                        <!DOCTYPE html>
                        <html>
                        <div id="div1">
                        <p onclick="on()" id="p1">Hallo</p>
                        <p>ihr lieben</p>
                        </div>
                        </html>
                        

                        Ein HTML Widget

                        function on() {
                            document.getElementById("p1").style.backgroundColor = ("yellow");
                            document.getElementById("w00048").style.backgroundColor = ("blue");
                        }
                        

                        Das Skript reagiert auf das Klickevent onclick und setzt dann den <p>Hallo auf gelb und das ganze Widget auf blau.

                        1 Antwort Letzte Antwort
                        0

                        Hey! Du scheinst an dieser Unterhaltung interessiert zu sein, hast aber noch kein Konto.

                        Hast du es satt, bei jedem Besuch durch die gleichen Beiträge zu scrollen? Wenn du dich für ein Konto anmeldest, kommst du immer genau dorthin zurück, wo du zuvor warst, und kannst dich über neue Antworten benachrichtigen lassen (entweder per E-Mail oder Push-Benachrichtigung). Du kannst auch Lesezeichen speichern und Beiträge positiv bewerten, um anderen Community-Mitgliedern deine Wertschätzung zu zeigen.

                        Mit deinem Input könnte dieser Beitrag noch besser werden 💗

                        Registrieren Anmelden
                        Antworten
                        • In einem neuen Thema antworten
                        Anmelden zum Antworten
                        • Älteste zuerst
                        • Neuste zuerst
                        • Meiste Stimmen


                        Support us

                        ioBroker
                        Community Adapters
                        Donate

                        429

                        Online

                        32.8k

                        Benutzer

                        82.8k

                        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