Skip to content
  • Home
  • Recent
  • Tags
  • 0 Unread 0
  • Categories
  • Unreplied
  • Popular
  • 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

  • Default (No Skin)
  • No Skin
Collapse
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Visualisierung
  4. Sichtbarkeit Slider

NEWS

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

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.2k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.2k

Sichtbarkeit Slider

Scheduled Pinned Locked Moved Visualisierung
25 Posts 5 Posters 3.7k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • miwiM Offline
    miwiM Offline
    miwi
    wrote on last edited by
    #5

    Hallo Günther

    stehe immer noch auf dem Schlauch.

    Wenn ich meinem Slider als Objekt-ID in Sichtbarkeit eine CCU Systemvariable zuordne kann ich damit die Sichtbarkeit an und ausschalten.

    Jetzt setze ich im Reiter Allgemein den Homematic Aktor mit dem zu ändernden Wert. Wo kann ich denn nun noch die Zeit der Sichtbarkeit in Abhängigkeit der Nutzung des Sliders definieren?

    Ich könnte im CCU WebUI ein Programm erstellen, welches wenn Systemvariable Sichtbarkeit=True ist diese über einen CuxD Timer nach 5 Sekunden auf False setzt. Hier fehlt mir dann aber die Möglichkeit den Zeitraum zu verlängern, da mein Programm ja dumm nach 5 Sekunden den Status ändert und nicht 5 Sekunden nach letzter Bedienung des Sliders.

    Außerdem müsste dann eine 2. Aktion innerhalb dieses Widgets ausgeführt werden, welche zusätzlich bei anklicken die Systemvariable auf True setzt.

    Fragen über Fragen…...

    Gibt es auch Wege das Ganze nur in ioBroker zu lösen ohne den Umweg über die CCU?

    Danke für die Hilfe

    Michael

    1 Reply Last reply
    0
    • Jeeper.atJ Offline
      Jeeper.atJ Offline
      Jeeper.at
      wrote on last edited by
      #6

      Hi,

      ja es ist nur in iobroker lösbar.

      Du kannst ein JavaScript Objekt anlegen welches genauso funktioniert wie eine Systemvariable auf der CCU.

      Wenn du nun auf den Text "Wohnzimmer" klickst setzt du das Objekt auf true. Damit wird auch ein Javascript Programm getriggert, welches dir dieses Objekt nach 5 Sekunden wieder auf false setzt. Und genau dieses Objekt setzt du bei Sichtbarkeit ein.

      LG

      Günther

      1 Reply Last reply
      0
      • miwiM Offline
        miwiM Offline
        miwi
        wrote on last edited by
        #7

        Danke für deine Hilfe,

        deine Erklärung verstehe ich, habe aber Schwierigkeiten diese in die Tat umzusetzen.

        Habe jetzt zuerst mal den Javascript.0 Adapter installiert.

        Hier kann ich jetzt Skripte erstellen.

        Bei der Suche hier im Forum habe ich aber nur Bespiele zum Setzen von Variablenwerten gefunden.

        Mir fehlt jetzt das Skript welches die Variable selbst zur Verfügung stellt.

        Kannst Du mir auf die Sprünge helfen?

        Vielen Dank

        Michael

        1 Reply Last reply
        0
        • Jeeper.atJ Offline
          Jeeper.atJ Offline
          Jeeper.at
          wrote on last edited by
          #8

          Hi,

          du kannst das Objekt selbst anlegen (manuell).

          Dazu gehst du in den Objekte Reiter und öffnest den Pfad unter JavaScript.0.

          dann ein Klick auf das "+".

          Nun kannst du das Objekt anlegen.

          Dieses Objekt ist dann das welches du bei Sichtbarkeit einträgst und mittels script steuerst.

          LG

          Günther
          1180_java1.jpg
          1180_java2.jpg

          1 Reply Last reply
          0
          • HomoranH Do not disturb
            HomoranH Do not disturb
            Homoran
            Global Moderator Administrators
            wrote on last edited by
            #9

            Lass uns das ganze mal ein wenig strukturieren, bitte:

            - Sichtbarkeit:

            Die Sichtbarkeit eines Widgets kann durch eine Bedingung gesteuert werden.

            Die Bedingung kann,muss sich aber nicht auf denselben Datenpunkt beziehen.

            So ist es möglich z.B. ein Widget mit einem Kamerabild nur bei Bewegung eines BWM anzuzeigen.

            - Timer auf der CCU:

            Natürlich ist es auch auf der CCU möglich einen Timer zu verlängern. Mit CuxD kenne ich das nicht.

            Aber wenn du in einem Programm eine "Verzögert um" einbaust und den Haken bei retriggern setzt wird bei erneutem Triggern des Programms auch die Verzögerung erneut auf z.B. 5 Sekunden gesetzt.

            - Timer in ioBroker:

            hier gilt das oben gesagte natürlich entsprechend.

            Das Timerscript kann mit javascript erstellt werden.

            Der notwendige Datenpunkt kann per script oder manuell unter Objekte angelegt werden.

            Auf diesen Datenpunkt reagiert dann die Sichtbarkeit des Slider-Widgets.

            Gruß

            Rainer

            kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

            Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

            der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

            1 Reply Last reply
            0
            • P Offline
              P Offline
              pix
              wrote on last edited by
              #10

              Hallo,

              hier das Skript für den Javascript Adapter.

              ! ````
              var idEZ = "VIS.Sichtbarkeit.Esszimmer-Regler";
              ! createState(idEZ, {
              name: 'Sichtbarkeit Esszimmer Regler',
              type: 'boolean',
              desc: 'Status Sichtbarkeit des Schieberegler Esszimmer',
              read: true,
              write: true,
              def: false
              });
              ! on(idEZ, function(obj) {
              if (obj.state.val) {
              log('Sichtbarkeit Slider Esszimmer ein');
              setStateDelayed(idEZ, false, 5000, function () { // Switch OFF the light in the kitchen in 5 seconds and let first timeout run.
              log('Sichtbarkeit Slider Esszimmer nach 5s wieder aus');
              });
              }
              });

              Und hier ein Widget, das mit dieser Sichtbarkeit arbeitet:
              

              [{"tpl":"tplJquiBool","data":{"oid":"javascript.0.VIS.Sichtbarkeit.Esszimmer-Regler","g_fixed":true,"g_visibility":true,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":true,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":"false","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html_true":"Esszimmer","html_false":"Esszimmer","name":"Sichtbarkeit Esszimmer schalten","comment":"Zeigt den Text und setzt bei Klick die Sichtbarkeit für drüberliegendes Widget","visibility-oid":"javascript.0.VIS.Sichtbarkeit.Esszimmer-Regler"},"style":{"left":"51px","top":"1554px","z-index":"20","border-style":"none","background":"transparent","width":"256px","height":"32px","color":"white"},"widgetSet":"jqui"},{"tpl":"tplJquiSlider","data":{"oid":"nothing_selected","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-oid":"javascript.0.VIS.Sichtbarkeit.Esszimmer-Regler"},"style":{"left":"57px","top":"1553px","z-index":"21","width":"224px","height":"21px"},"widgetSet":"jqui"}]

              
              Das sind zwei Widgets, die passgenau übereinander liegen.
              
              unten der Text "Esszimmer" (HTML Ctrl Bool, schaltet die Sichtbarkeit)
              
              oben der Slider (nur sichtbar, wenn Variable true; dann wird gleichzeitig der Text darunter ausgeschaltet)
              
              Nach 5s wieder zurück
              
              Gruß
              
              Pix
              
              PS: Danke an Bluefox für den Screencast-Tipp :lol:

              ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

              1 Reply Last reply
              0
              • BluefoxB Offline
                BluefoxB Offline
                Bluefox
                wrote on last edited by
                #11

                Die GIFs sind viel bequemer mit screen2gif zu erstellen.

                https://screentogif.codeplex.com

                1 Reply Last reply
                0
                • miwiM Offline
                  miwiM Offline
                  miwi
                  wrote on last edited by
                  #12

                  Hallo und Danke für die Hilfe an pix, Rainer und Günther.

                  Leider funktioniert das zurückschalten der Variablen nach 5 Sekunden von true auf false nicht.

                  Hier meine Einträge, vielleicht seht Ihr wo der Fehler liegt:

                  1572_bildschirmfoto_2016-11-24_um_19.22.26.png
                  1572_bildschirmfoto_2016-11-24_um_19.23.04.png
                  1572_bildschirmfoto_2016-11-24_um_19.23.22.png

                  Es ist super, dass Anfängern hier in diesem Forum geholfen wird. Dies ist leider nicht in allen Foren so, sodaß Leute sich kaum trauen Fragen zu stellen.

                  Dafür DAUMEN HOCH !!!!

                  Gruß aus Solingen

                  Michael

                  1 Reply Last reply
                  0
                  • Jeeper.atJ Offline
                    Jeeper.atJ Offline
                    Jeeper.at
                    wrote on last edited by
                    #13

                    Das erste was mir beim Screenshot auffällt, ist das das Script nicht aktiv ist. Links oben der rote Pfeil sollte grün sein.

                    Lg

                    Günther

                    1 Reply Last reply
                    0
                    • miwiM Offline
                      miwiM Offline
                      miwi
                      wrote on last edited by
                      #14

                      Hallo Günther,

                      Habe beides getestet. Gleiches Verhalten auch bei gestartetem Skript.

                      Händisches Rücksetzen des Variablenwerts führt dazu dass die Widgets zurückgestellt werden (wie es sein soll).

                      Jedoch erfolgt kein automatisches Rücksetzen der Variable.

                      Gruß

                      Michael

                      1 Reply Last reply
                      0
                      • Jeeper.atJ Offline
                        Jeeper.atJ Offline
                        Jeeper.at
                        wrote on last edited by
                        #15

                        Also grün muss es auf jeden Fall sein.

                        Was sagt das log?

                        1 Reply Last reply
                        0
                        • miwiM Offline
                          miwiM Offline
                          miwi
                          wrote on last edited by
                          #16

                          Log zeigt folgende Info nach Start:

                          1572_bildschirmfoto_2016-11-24_um_20.04.07.png

                          Bei drücken des "Tasters" Esszimmer also der HTML Ctrl Bool gibt es keine weiteren Logeinträge aber das Objekt Vis.Sichtbarkeit.Esszimmer-Regler wechselt von False auf True, bleibt aber dauerhaft in diesem Zustand.

                          Gruß

                          Michael

                          1 Reply Last reply
                          0
                          • Jeeper.atJ Offline
                            Jeeper.atJ Offline
                            Jeeper.at
                            wrote on last edited by
                            #17

                            Ich habe mich schlecht ausgedrückt. Im Admin Panel gibt es ja den log Reiter. Den meinte ich. Dort sollte wenn das Script getriggert wird ein Eintrag stehen, und wenn es dann zurückgesetzt wird noch einer. Damit kann man feststellen ob das Script überhaupt getriggert wird, oder ob die Änderung des Zustandes durch das Widget selbst ausgelöst wird. Im Log Reiter notfalls aktualisieren drücken.

                            1 Reply Last reply
                            0
                            • BluefoxB Offline
                              BluefoxB Offline
                              Bluefox
                              wrote on last edited by
                              #18

                              Wie Variant, ganz ohne Javascript in ioBroker, nur Widgets:

                              [{"tpl":"tplHtml","data":{"g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"0","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"html":"Click me\n"},"style":{"left":"7.63%","top":"16.44%","width":"65.27%","height":"43.04%"},"widgetSet":"basic"},{"tpl":"tplJquiSlider","data":{"oid":"groupAttr1","g_fixed":false,"g_visibility":true,"g_css_font_text":false,"g_css_background":false,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"visibility-cond":"==","visibility-val":"true","visibility-groups-action":"hide","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"visibility-oid":"javascript.0.VIS.Sichtbarkeit.Esszimmer-Regler","oid-2":"","min":"0","max":"100"},"style":{"left":"6.85%","top":"33.35%","z-index":"21","width":"87.79%","height":"68.35%"},"widgetSet":"jqui"}]
                              

                              Nur eine Bedienung: Slider muss sofort nach Click me widget sein. Oder man kann einfach direkt ein Widget adressieren.
                              48_animation.gif

                              1 Reply Last reply
                              0
                              • miwiM Offline
                                miwiM Offline
                                miwi
                                wrote on last edited by
                                #19

                                Im Log passiert nix.

                                Somit gehe ich davon aus, dass das Script gar nicht ausgeführt wird.

                                Gruß

                                Michael

                                1 Reply Last reply
                                0
                                • BluefoxB Offline
                                  BluefoxB Offline
                                  Bluefox
                                  wrote on last edited by
                                  #20

                                  @miwi:

                                  Im Log passiert nix.

                                  Somit gehe ich davon aus, dass das Script gar nicht ausgeführt wird.

                                  Gruß

                                  Michael `
                                  Zu welchem Post ist diese Antwort? Im log muss auch nichts passieren. Du setzt Object ID bei Slider und es geht.

                                  1 Reply Last reply
                                  0
                                  • Jeeper.atJ Offline
                                    Jeeper.atJ Offline
                                    Jeeper.at
                                    wrote on last edited by
                                    #21

                                    Die Antwort war wohl auf meine Frage gemünzt.

                                    1 Reply Last reply
                                    0
                                    • miwiM Offline
                                      miwiM Offline
                                      miwi
                                      wrote on last edited by
                                      #22

                                      Guten Abend zusammen.

                                      Die reine Widget-Variante von Bluefox funktioniert hervorragend !!!!!

                                      Da diese Art der Darstellung bestimmt sehr populär für Wandtablets ist, wäre es für Anfänger (wie mich) hilfreich hier im Forum einen "how-to"-Threat zu machen wo solche hilfreichen Tips zur professionellen Visualisierung hinterlegt werden.

                                      Ich würde mich anbieten für dieses Widget eine bebilderte Anleitung hier einzustellen.

                                      Nochmals Danke an alle die bei der Lösung geholfen haben und grüße aus der Klingenstadt Solingen

                                      Michael

                                      1 Reply Last reply
                                      0
                                      • HomoranH Do not disturb
                                        HomoranH Do not disturb
                                        Homoran
                                        Global Moderator Administrators
                                        wrote on last edited by
                                        #23

                                        @miwi:

                                        Ich würde mich anbieten für dieses Widget eine bebilderte Anleitung hier einzustellen. `
                                        So was ist immer gut!

                                        @miwi:

                                        Da diese Art der Darstellung bestimmt sehr populär für Wandtablets ist, `
                                        Wieso?

                                        Ernsthaft und ohne Hintergedanken! Was ist daran so populär?

                                        Und warum hat das noch niemand angefragt in den letzten 2 Jahren?

                                        Gruß

                                        Rainer

                                        kein Support per PN! - Fragen im Forum stellen - es gibt fast nichts, was nicht auch für andere interessant ist.

                                        Benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat.

                                        der Installationsfixer: curl -fsL https://iobroker.net/fix.sh | bash -

                                        1 Reply Last reply
                                        0
                                        • P Offline
                                          P Offline
                                          pix
                                          wrote on last edited by
                                          #24

                                          Hallo,

                                          Frage zu Bluefox Lösung:

                                          Ist es richtig, dass das Skript innerhalb von VIS beim Client (Browser) ausgeführt wird und nicht auf dem Server?

                                          Gruß

                                          Pix

                                          ioBroker auf Ubuntu in Proxmox (früher Mac mini (bis OS X 10.12.6 Sierra), VIS via iOS; angeschlossen: Homematic CCU2, Homepilot 1, ConBee II, einige Wemos, Sonos, Unifi CK+Protect, Homekit, Homebridge; KEIN blockly! Github-Profil

                                          1 Reply Last reply
                                          0
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          368

                                          Online

                                          32.4k

                                          Users

                                          81.5k

                                          Topics

                                          1.3m

                                          Posts
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Login

                                          • Don't have an account? Register

                                          • Login or register to search.
                                          • First post
                                            Last post
                                          0
                                          • Home
                                          • Recent
                                          • Tags
                                          • Unread 0
                                          • Categories
                                          • Unreplied
                                          • Popular
                                          • GitHub
                                          • Docu
                                          • Hilfe