Skip to content
  • 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
Logo
  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.0k

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

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

Sichtbarkeit Slider

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
    #1

    Moin,

    ich hänge gerade im Aufbau folgendes Szenarios:

    Ich möchte bei antippen eines Schalters das der Slider horizontal eingeblendet wird und nach 5 Sekunden nicht Benutzung selbständig wieder verschwindet.

    Wie stelle ich das am einfachsten an?

    Danke für die Tips

    Michael

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

      Hallo Michael,

      wenn das Antippen eines "Schalters" bereits einen Datenpunkt ändert (zB Licht toggle), dann kann auch auf die Änderung im JavaScript reagiert werden und eine Funktion gestartet werden.

      Diese Funktion erzeugt (beim ersten Aufruf) einen State, der dann zukünftig bei jeder Berührung des "Schalters" auf true gesetzt wird. Er stellt sich selbst mit setStateDelayed nach 5000ms wieder zurück auf false.

      Dann machst du die Sichtbarkeit des Sliders abhängig von diesem neuen Datenpunkt.

      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
      • miwiM Offline
        miwiM Offline
        miwi
        wrote on last edited by
        #3

        Hallo Pix,

        vielen Dank für die Erklärung. Ich versuche bereits seit einer Woche im Trail and Error eine Lösung zu finden, jedoch ohne Erfolg.

        Leider gibt es für VIS keine Anleitung welche solche erweiterten Funktionen erklärt.

        Schalter erstellen ist klar. Ich würde hier "Slider horizontal" nehmen und diesem in Eigenschaften/ Widget die Objekt-ID für einen HM Heizungsregler Wert Set-Temperature zuweisen.

        Damit habe ich die Grundfunktion zur Einstellung der Temperatur abgedeckt.

        Jedoch ist diese Slider ja dauerhaft sichtbar. Wie muss das Skript aussehen um die Sichtbarkeit "True/False" zu setzen und die 5000ms als automatischen Rückstellwert zu nutzen?

        Nochmals Danke für die Hilfe.

        Michael

        Hier mal zur Verdeutlichung was ich vorhabe:

        So sieht der Infoscreen des Wandtablets aus:
        1572_bildschirmfoto_2016-11-23_um_09.08.53.png

        Bei Drücken auf z.B. den Text "Esszimmer" unten links bei Heizung soll dann der darüber liegende, unsichtbare Slider erscheinen.

        Und bei Nichtbenutzung nach 5 Sekunden wieder unsichtbar werden:

        1572_bildschirmfoto_2016-11-23_um_09.07.30.png

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

          Hallo,

          beim Slider (und bei sehr vielen anderen Widgets) gibt es den Bereich Sichtbarkeit.

          Dort kannst du ein Objekt (z. B eine Systemvariable oder jedes andere Objekt) als Trigger definieren und eine Bedingung dazu angeben. Nur wenn die Bedingung wahr ist wird das Widget angezeigt.

          LG

          Günther
          1180_slider.jpg

          1 Reply Last reply
          0
          • 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
                                          Reply
                                          • Reply as topic
                                          Log in to reply
                                          • Oldest to Newest
                                          • Newest to Oldest
                                          • Most Votes


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          605

                                          Online

                                          32.4k

                                          Users

                                          81.3k

                                          Topics

                                          1.3m

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

                                          • Don't have an account? Register

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