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. Button der Farbe ändert

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

Button der Farbe ändert

Button der Farbe ändert

Scheduled Pinned Locked Moved Visualisierung
39 Posts 7 Posters 2.5k Views 5 Watching
  • 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.
  • bergjetB Offline
    bergjetB Offline
    bergjet
    wrote on last edited by
    #1

    Ich suche einen Butten, der beim drücken einen Wert ausgibt und während er gedrückt ist die Farbe ändert.
    Ich habe schon jede Menge getestet, aber noch keinen gefunden, der während er gedrückt ist, eine andere Farbe hat.

    homee, ioBroker, iMac, iPhone, Sonos, Alaxa

    HomoranH BananaJoeB 2 Replies Last reply
    0
    • bergjetB bergjet

      Ich suche einen Butten, der beim drücken einen Wert ausgibt und während er gedrückt ist die Farbe ändert.
      Ich habe schon jede Menge getestet, aber noch keinen gefunden, der während er gedrückt ist, eine andere Farbe hat.

      HomoranH Do not disturb
      HomoranH Do not disturb
      Homoran
      Global Moderator Administrators
      wrote on last edited by
      #2

      @bergjet Bitte etwas genauer.

      @bergjet sagte in Button der Farbe ändert:

      der beim drücken einen Wert ausgibt

      ...und sobald du loslässt den Wert wieder verschluckt? 😉

      @bergjet sagte in Button der Farbe ändert:

      während er gedrückt ist die Farbe ändert.

      wirklich nur solange du den Finger drauf hast?

      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 -

      OliverIOO bergjetB 2 Replies Last reply
      0
      • HomoranH Homoran

        @bergjet Bitte etwas genauer.

        @bergjet sagte in Button der Farbe ändert:

        der beim drücken einen Wert ausgibt

        ...und sobald du loslässt den Wert wieder verschluckt? 😉

        @bergjet sagte in Button der Farbe ändert:

        während er gedrückt ist die Farbe ändert.

        wirklich nur solange du den Finger drauf hast?

        OliverIOO Offline
        OliverIOO Offline
        OliverIO
        wrote on last edited by OliverIO
        #3

        @homoran

        wenn der button nur während des klicks sein design ändern soll, kann man das über die css pseudo klasse active machen

        https://developer.mozilla.org/en-US/docs/Web/CSS/:active?retiredLocale=de

        man kann jedes beliebige widget verwenden, der einen knopf darstellt. die ansteuerung erfolgt über css regeln

        im css reiter von vis kann man dann sowas angeben. voraussetzung es wird als knopf auch das html button verwendet. das müsste man mit den browser developer tools (f12) prüfen

        #w00011 button {
           //hier die css regeln, welches format beim drücken angewendet werden soll
        }
        

        Meine Adapter und Widgets
        TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
        Links im Profil

        1 Reply Last reply
        0
        • HomoranH Homoran

          @bergjet Bitte etwas genauer.

          @bergjet sagte in Button der Farbe ändert:

          der beim drücken einen Wert ausgibt

          ...und sobald du loslässt den Wert wieder verschluckt? 😉

          @bergjet sagte in Button der Farbe ändert:

          während er gedrückt ist die Farbe ändert.

          wirklich nur solange du den Finger drauf hast?

          bergjetB Offline
          bergjetB Offline
          bergjet
          wrote on last edited by
          #4

          @homoran sagte in Button der Farbe ändert:

          @bergjet sagte in Button der Farbe ändert:

          der beim drücken einen Wert ausgibt

          ...und sobald du loslässt den Wert wieder verschluckt? 😉

          Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

          @bergjet sagte in Button der Farbe ändert:

          während er gedrückt ist die Farbe ändert.

          wirklich nur solange du den Finger drauf hast?

          Nur solange ich den Finger drauf habe.

          homee, ioBroker, iMac, iPhone, Sonos, Alaxa

          DJMarc75D HomoranH 2 Replies Last reply
          0
          • bergjetB bergjet

            @homoran sagte in Button der Farbe ändert:

            @bergjet sagte in Button der Farbe ändert:

            der beim drücken einen Wert ausgibt

            ...und sobald du loslässt den Wert wieder verschluckt? 😉

            Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

            @bergjet sagte in Button der Farbe ändert:

            während er gedrückt ist die Farbe ändert.

            wirklich nur solange du den Finger drauf hast?

            Nur solange ich den Finger drauf habe.

            DJMarc75D Offline
            DJMarc75D Offline
            DJMarc75
            wrote on last edited by
            #5

            @bergjet Material Design Widgets:

            Screenshot 2023-04-06 180844.png

            Lehrling seit 1975 !!!
            Beitrag geholfen ? dann gerne ein upvote rechts unten im Beitrag klicken ;)
            https://forum.iobroker.net/topic/51555/hinweise-f%C3%BCr-gute-forenbeitr%C3%A4ge

            bergjetB 1 Reply Last reply
            0
            • bergjetB bergjet

              @homoran sagte in Button der Farbe ändert:

              @bergjet sagte in Button der Farbe ändert:

              der beim drücken einen Wert ausgibt

              ...und sobald du loslässt den Wert wieder verschluckt? 😉

              Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

              @bergjet sagte in Button der Farbe ändert:

              während er gedrückt ist die Farbe ändert.

              wirklich nur solange du den Finger drauf hast?

              Nur solange ich den Finger drauf habe.

              HomoranH Do not disturb
              HomoranH Do not disturb
              Homoran
              Global Moderator Administrators
              wrote on last edited by Homoran
              #6

              @bergjet sagte in Button der Farbe ändert:

              Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

              Abgesehen davon dass Javascripte nicht gestartet werden sollen, muss das nicht per Impuls geschehen.
              Entweder du stellst -was du nicht machen sollst- script-enabled von false auf true oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript reagiert genau darauf.

              ein continuous press, bei dem etwas passiert so lange man draufdrückt ist was anderes (Dimmer, Rollo...)

              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 -

              bergjetB 1 Reply Last reply
              0
              • HomoranH Homoran

                @bergjet sagte in Button der Farbe ändert:

                Nur beim drücken wird "true" ausgegeben (ein Script wird gestartet).

                Abgesehen davon dass Javascripte nicht gestartet werden sollen, muss das nicht per Impuls geschehen.
                Entweder du stellst -was du nicht machen sollst- script-enabled von false auf true oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript reagiert genau darauf.

                ein continuous press, bei dem etwas passiert so lange man draufdrückt ist was anderes (Dimmer, Rollo...)

                bergjetB Offline
                bergjetB Offline
                bergjet
                wrote on last edited by bergjet
                #7

                @homoran sagte in Button der Farbe ändert:

                oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                So mache ich das.

                Bei den in Vis angebotenen Button kann man nicht sehen, ob der Button gedrückt wird.

                homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                HomoranH 1 Reply Last reply
                0
                • DJMarc75D DJMarc75

                  @bergjet Material Design Widgets:

                  Screenshot 2023-04-06 180844.png

                  bergjetB Offline
                  bergjetB Offline
                  bergjet
                  wrote on last edited by
                  #8

                  @djmarc75 Mit dem State Butten dürfte es gehen.

                  homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                  CodierknechtC 1 Reply Last reply
                  0
                  • bergjetB bergjet

                    @homoran sagte in Button der Farbe ändert:

                    oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                    So mache ich das.

                    Bei den in Vis angebotenen Button kann man nicht sehen, ob der Button gedrückt wird.

                    HomoranH Do not disturb
                    HomoranH Do not disturb
                    Homoran
                    Global Moderator Administrators
                    wrote on last edited by Homoran
                    #9

                    @bergjet sagte in Button der Farbe ändert:

                    @homoran sagte in Button der Farbe ändert:

                    oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                    So mache ich das.

                    ist das der momentane Zustand oder dein Plan?

                    wenn ersteres, wo ist das Problem?

                    EDIT: nicht weitere Informationen später hinzufügen!

                    doch das geht

                    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 -

                    bergjetB 1 Reply Last reply
                    0
                    • bergjetB bergjet

                      @djmarc75 Mit dem State Butten dürfte es gehen.

                      CodierknechtC Offline
                      CodierknechtC Offline
                      Codierknecht
                      Developer Most Active
                      wrote on last edited by
                      #10

                      @bergjet sagte in Button der Farbe ändert:

                      Mit dem State Butten dürfte es gehen.

                      Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

                      "Any fool can write code that a computer can understand. Good programmers write code that humans can understand." (Martin Fowler, "Refactoring")

                      Proxmox 8.2.4 LXC|8 GB|Core i7-6700
                      HmIP|ZigBee|Tasmota|Unifi + dies & das
                      Konnte ich Dir helfen? Dann benutze bitte das Voting unten rechts im Beitrag

                      bergjetB 1 Reply Last reply
                      0
                      • CodierknechtC Codierknecht

                        @bergjet sagte in Button der Farbe ändert:

                        Mit dem State Butten dürfte es gehen.

                        Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

                        bergjetB Offline
                        bergjetB Offline
                        bergjet
                        wrote on last edited by
                        #11

                        @codierknecht sagte in Button der Farbe ändert:

                        @bergjet sagte in Button der Farbe ändert:

                        Mit dem State Butten dürfte es gehen.

                        Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

                        Da kenne ich mich nicht aus.

                        homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                        OliverIOO 1 Reply Last reply
                        0
                        • HomoranH Homoran

                          @bergjet sagte in Button der Farbe ändert:

                          @homoran sagte in Button der Farbe ändert:

                          oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                          So mache ich das.

                          ist das der momentane Zustand oder dein Plan?

                          wenn ersteres, wo ist das Problem?

                          EDIT: nicht weitere Informationen später hinzufügen!

                          doch das geht

                          bergjetB Offline
                          bergjetB Offline
                          bergjet
                          wrote on last edited by
                          #12

                          @homoran sagte in Button der Farbe ändert:

                          @bergjet sagte in Button der Farbe ändert:

                          @homoran sagte in Button der Farbe ändert:

                          oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                          So mache ich das.

                          ist das der momentane Zustand oder dein Plan?

                          wenn ersteres, wo ist das Problem?

                          Es ist der momentane Zustand.
                          Das Problem ist, dass bei mir nicht ersichtlich ist, ob der Button gedrückt wurde.

                          homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                          HomoranH 1 Reply Last reply
                          0
                          • bergjetB bergjet

                            @codierknecht sagte in Button der Farbe ändert:

                            @bergjet sagte in Button der Farbe ändert:

                            Mit dem State Butten dürfte es gehen.

                            Wie @OliverIO schon schrieb: Das geht mit fast allem was man per CSS designen kann

                            Da kenne ich mich nicht aus.

                            OliverIOO Offline
                            OliverIOO Offline
                            OliverIO
                            wrote on last edited by
                            #13

                            @bergjet
                            wenn du dich auskennen würdest hättest nicht fragen müssen.
                            genau dafür ist ja das forum da und genau deswegen hast du gefragt.
                            wenn dir aber der mögliche lösungsweg nicht genehm ist. kein problem. niemanden wird hier etwas aufgezwungen.

                            Meine Adapter und Widgets
                            TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                            Links im Profil

                            bergjetB 1 Reply Last reply
                            0
                            • OliverIOO OliverIO

                              @bergjet
                              wenn du dich auskennen würdest hättest nicht fragen müssen.
                              genau dafür ist ja das forum da und genau deswegen hast du gefragt.
                              wenn dir aber der mögliche lösungsweg nicht genehm ist. kein problem. niemanden wird hier etwas aufgezwungen.

                              bergjetB Offline
                              bergjetB Offline
                              bergjet
                              wrote on last edited by
                              #14

                              @oliverio Ich kann den Lösungsweg mit CSS nicht einschlagen, weil ich davon keine Ahnung habe.

                              homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                              Thomas BraunT OliverIOO 2 Replies Last reply
                              0
                              • bergjetB bergjet

                                @oliverio Ich kann den Lösungsweg mit CSS nicht einschlagen, weil ich davon keine Ahnung habe.

                                Thomas BraunT Online
                                Thomas BraunT Online
                                Thomas Braun
                                Most Active
                                wrote on last edited by Thomas Braun
                                #15

                                @bergjet

                                Guckstu:
                                https://wiki.selfhtml.org/wiki/CSS
                                http://www.ich-lerne-css.de/Style/Examples/011/firstcss/

                                Linux-Werkzeugkasten:
                                https://forum.iobroker.net/topic/42952/der-kleine-iobroker-linux-werkzeugkasten
                                NodeJS Fixer Skript:
                                https://forum.iobroker.net/topic/68035/iob-node-fix-skript
                                iob_diag: curl -sLf -o diag.sh https://iobroker.net/diag.sh && bash diag.sh

                                1 Reply Last reply
                                0
                                • bergjetB bergjet

                                  @homoran sagte in Button der Farbe ändert:

                                  @bergjet sagte in Button der Farbe ändert:

                                  @homoran sagte in Button der Farbe ändert:

                                  oder du stellst einen anderen Datenpunkt von false auf true und das zu "startende" Skript

                                  So mache ich das.

                                  ist das der momentane Zustand oder dein Plan?

                                  wenn ersteres, wo ist das Problem?

                                  Es ist der momentane Zustand.
                                  Das Problem ist, dass bei mir nicht ersichtlich ist, ob der Button gedrückt wurde.

                                  HomoranH Do not disturb
                                  HomoranH Do not disturb
                                  Homoran
                                  Global Moderator Administrators
                                  wrote on last edited by
                                  #16

                                  @bergjet sagte in Button der Farbe ändert:

                                  Das Problem ist, dass bei mir nicht ersichtlich ist, ob der Button gedrückt wurde.

                                  wenn der Button den Zustand des DP anzeigt, und du ein boolsches Widget dafür nimmst, ändert sich bei korrekter Konfiguration die Farbe und/oder das icon

                                  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
                                  • bergjetB bergjet

                                    @oliverio Ich kann den Lösungsweg mit CSS nicht einschlagen, weil ich davon keine Ahnung habe.

                                    OliverIOO Offline
                                    OliverIOO Offline
                                    OliverIO
                                    wrote on last edited by
                                    #17

                                    @bergjet

                                    Eigentlich habe ich die Lösung oben schon fast komplett beschrieben.
                                    Zum Zeitpunkt meiner Antwort waren noch ein paar Fragen offen die leider noch nicht beantwortet wurden

                                    Ich müsste wissen für was für Widget du dich entschieden hast und welche Farbe die Knopf Schaltflächen beim drücken haben soll

                                    Dann bekommst du fast copy Paste fähig eine Lösung

                                    Meine Adapter und Widgets
                                    TVProgram, SqueezeboxRPC, OpenLiga, RSSFeed, MyTime,, pi-hole2, vis-json-template, skiinfo, vis-mapwidgets, vis-2-widgets-rssfeed
                                    Links im Profil

                                    bergjetB 1 Reply Last reply
                                    1
                                    • bergjetB bergjet

                                      Ich suche einen Butten, der beim drücken einen Wert ausgibt und während er gedrückt ist die Farbe ändert.
                                      Ich habe schon jede Menge getestet, aber noch keinen gefunden, der während er gedrückt ist, eine andere Farbe hat.

                                      BananaJoeB Online
                                      BananaJoeB Online
                                      BananaJoe
                                      Most Active
                                      wrote on last edited by
                                      #18

                                      @bergjet so etwas?

                                      ButtonsKlickDemo.gif
                                      Habe ich mehrfach mit einem Inventwo-Widget (jedes andere Switch-Widget geht auch) + einem Blockly gelöst:
                                      c57df232-6137-494c-9c00-b4d75dcd4f60-image.png
                                      cff5567f-8f73-4f3a-bfc3-e8025319cbb3-image.png

                                      Das Blockly triggert auf einen eigenen Datenpunkt für den Button,
                                      setzt wenn dieser auf auf Wahr wechselt zunächst mit Verzögerung - hier 750ms - den Status wieder auf Falsch und führt die eigentliche Aktion durch

                                      Der Vorteil ist das man die "Aufblitzzeit" anpassen kann, am besten mit einer Variablen so das man die schnell für alles ändern kann. Mir persönlich waren die 750ms am liebsten.

                                      ioBroker@Ubuntu 24.04 LTS (VMware) für: >260 Geräte, 5 Switche, 7 AP, 9 IP-Cam, 1 NAS 42TB, 1 ESXi 15TB, 4 Proxmox 1TB, 1 Hyper-V 44TB, 14 x Echo, 5x FireTV, 5 x Tablett/Handy VIS || >=157 Tasmota/Shelly || >=88 ZigBee || PV 8.1kW / Akku 14kWh || 2x USV 900/750W kaskadiert || Creality CR-10 SE 3D-Drucker

                                      bergjetB 1 Reply Last reply
                                      0
                                      • BananaJoeB BananaJoe

                                        @bergjet so etwas?

                                        ButtonsKlickDemo.gif
                                        Habe ich mehrfach mit einem Inventwo-Widget (jedes andere Switch-Widget geht auch) + einem Blockly gelöst:
                                        c57df232-6137-494c-9c00-b4d75dcd4f60-image.png
                                        cff5567f-8f73-4f3a-bfc3-e8025319cbb3-image.png

                                        Das Blockly triggert auf einen eigenen Datenpunkt für den Button,
                                        setzt wenn dieser auf auf Wahr wechselt zunächst mit Verzögerung - hier 750ms - den Status wieder auf Falsch und führt die eigentliche Aktion durch

                                        Der Vorteil ist das man die "Aufblitzzeit" anpassen kann, am besten mit einer Variablen so das man die schnell für alles ändern kann. Mir persönlich waren die 750ms am liebsten.

                                        bergjetB Offline
                                        bergjetB Offline
                                        bergjet
                                        wrote on last edited by
                                        #19

                                        @bananajoe sagte in Button der Farbe ändert:

                                        so etwas?

                                        Ja, so sollte es aussehen. Ist halt etwas aufwendig.

                                        homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                                        BananaJoeB 1 Reply Last reply
                                        0
                                        • OliverIOO OliverIO

                                          @bergjet

                                          Eigentlich habe ich die Lösung oben schon fast komplett beschrieben.
                                          Zum Zeitpunkt meiner Antwort waren noch ein paar Fragen offen die leider noch nicht beantwortet wurden

                                          Ich müsste wissen für was für Widget du dich entschieden hast und welche Farbe die Knopf Schaltflächen beim drücken haben soll

                                          Dann bekommst du fast copy Paste fähig eine Lösung

                                          bergjetB Offline
                                          bergjetB Offline
                                          bergjet
                                          wrote on last edited by
                                          #20

                                          @oliverio Ich verwende das Widget Button State.
                                          Am Mac Bildschirm wird mir das so wiedergegeben wie es sein soll. Es ist deutlich zu sehen, wann der Button gedrückt ist (er verändert seine Farbe). Am iPhone und am Tablet ist das nicht zu sehen.
                                          Also:
                                          Button State
                                          sendet true an einen selbst erstellten Datenpunkt
                                          Farbe in Ruhe blau
                                          Farbe gedrückt grün (es genügt, wenn die Farbe für 500ms grün aufleuchtet)

                                          homee, ioBroker, iMac, iPhone, Sonos, Alaxa

                                          HomoranH OliverIOO 3 Replies 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

                                          608

                                          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