Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. Javascript | Button Hintergrundfarbe nach Wert

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

    • ioBroker@Smart Living Forum Solingen, 14.06. - Agenda added

    • ioBroker goes Matter ... Matter Adapter in Stable

    Javascript | Button Hintergrundfarbe nach Wert

    This topic has been deleted. Only users with topic management privileges can see it.
    • TG70
      TG70 Forum Testing @MCU last edited by TG70

      @mcu sagte in Javascript | Button Hintergrundfarbe nach Wert: 1. 3.8

      bisher noch nicht ... kann ich den updaten? Auf "Beta" bin ich - wird kein Update Symbol angezeigt. Oder geht das nur über die Console?

      M 1 Reply Last reply Reply Quote 0
      • M
        MCU @TG70 last edited by

        @tg70 Erst die Adapter updaten:
        ceb92156-7fac-4d8e-b05f-c40518b08f56-image.png

        TG70 1 Reply Last reply Reply Quote 0
        • TG70
          TG70 Forum Testing @MCU last edited by

          genau dieses Symbol ist beim VIS (Visualisierung) nicht vorhanden.
          Nur beim etlichen anderen Adaptern, da ich ja keine Betas installiert habe

          M 1 Reply Last reply Reply Quote 0
          • M
            MCU @TG70 last edited by MCU

            @TG70
            ae123021-6c6c-47e5-8a4b-b18836fee225-image.png

            TG70 1 Reply Last reply Reply Quote 0
            • TG70
              TG70 Forum Testing @MCU last edited by

              Ok ich habs über die Konsole gemacht. Die restlichen Adapter lasse ich mal vorerst nicht
              auf Beta

              6cae4c35-f013-413e-8189-0f928d5258bd-grafik.png

              bb30542d-1a7c-4f47-8b7e-b0a6f82f3eb7-grafik.png

              M 1 Reply Last reply Reply Quote 0
              • M
                MCU @TG70 last edited by

                @tg70 Und funktioniert es jetzt?

                TG70 1 Reply Last reply Reply Quote 0
                • TG70
                  TG70 Forum Testing @MCU last edited by TG70

                  @mcu .. leider nein 😧 ... was ist bei mir falsch

                  fd2898a8-0cb8-40cb-b03c-438e950a1b00-grafik.png

                  VIS
                  8704d9be-457a-42e2-baf0-8d684a2ccc8e-grafik.png

                  M 1 Reply Last reply Reply Quote 0
                  • M
                    MCU @TG70 last edited by MCU

                    @tg70 Nimm doch mal das Widget was ich dir geschickt habe. Wie sieht es da aus?
                    Und schick mir das, was du da gerade nutzt als Export.

                    TG70 1 Reply Last reply Reply Quote 0
                    • TG70
                      TG70 Forum Testing @MCU last edited by TG70

                      @MCU erklärst du mir bitte kurz was dein Widget macht, du hast ja zwei Datensätze in 0_userdata**** angelegt. Was passiert da.
                      Woher kommt der Wert 4 in "Zahl_SEL" deiner Ojekt ID?
                      .... der zweite Datensatz "Zahl_SONOS" mit dem Wert "green", auf den du dann in der VIS über "background" zugreifst?

                      Edit: so würde das bestimmt funktionieren, dass eben die Zahl 4 mit grünen Hintergrund angezeigt wird

                      M TG70 2 Replies Last reply Reply Quote 0
                      • M
                        MCU @TG70 last edited by MCU

                        @tg70 Das sind Beispielwerte, die ich selbst angelegt habe.
                        Hier mit corona....

                        [{"tpl":"tplValueFloat","data":{"oid":"coronavirus-statistics.0.Germany.todayDeaths","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":true,"g_css_shadow_padding":false,"g_css_border":false,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","is_comma":"true","factor":"1","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,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0},"style":{"left":"1001px","top":"145px","background":"{v:coronavirus-statistics.0.Germany.todayDeaths;(v<0)? \"green\": (v<35)? \"yellow\": (v<50)? \"red\": \"grey\"}","width":"104px","height":"72px"},"widgetSet":"basic"}]
                        

                        d031f5f4-6613-4b74-be8b-7420dcc02b58-image.png

                        Hast du im CSS-Bereich was drin?

                        be262b0e-4d84-40d7-a5fd-4b2b0906b861-image.png

                        1 Reply Last reply Reply Quote 1
                        • TG70
                          TG70 Forum Testing @TG70 last edited by

                          Also das funktioniert.

                          Im CSS habe ich nur folgendes:

                          .rotate90{
                              transform: rotate(90deg);
                          }
                          .rotate180{
                              transform: rotate(180deg);
                          }
                          .rotate270{
                              transform: rotate(270deg);
                          }
                          

                          Habe es jetzt auf den Ort umgeschrieben dann funktioniert das auch, warum jetzt?

                          {v:coronavirus-statistics.0.Germany.Kreis.Erding.cases7_per_100k; (v<50)? "green": (v<100)? "yellow": (v>100)? "red": "grey"}
                          
                          M TG70 2 Replies Last reply Reply Quote 0
                          • M
                            MCU @TG70 last edited by

                            @tg70 Hauptsache es funktioniert.

                            1 Reply Last reply Reply Quote 1
                            • TG70
                              TG70 Forum Testing @TG70 last edited by

                              Seltsam verstehe ich nicht - hast die die Java Variante auch probiert?

                              OFF TOPIC: Wenn ich schon mal so einen tollen Spezialisten habe - mein nächstes Projekt - ich möchte auch mit Bindings oder auch ander, alle VIS Hintegründe auf einmal ändern.
                              Hab vorhin Hintegründe getestet und bei 92 Views ist das sehr viel geklicke

                              M 1 Reply Last reply Reply Quote 0
                              • M
                                MCU @TG70 last edited by

                                @tg70 ABER NUR FÜR EXPERTEN:
                                /opt/iobroker/iobroker-data/files/vis.0/Projektname/vis-views.json

                                Dort steht quasi das ganze Projekt in json.

                                e70a3dd2-5a88-4c4d-9f0b-f18b9c1f1e5f-image.png

                                TG70 1 Reply Last reply Reply Quote 1
                                • TG70
                                  TG70 Forum Testing @MCU last edited by

                                  @mcu ... kannst mir trotzdem mal schicken, wäre super. Bin zwar kein "Experte" aber doch "sehr intensiver" User....

                                  M 1 Reply Last reply Reply Quote 0
                                  • M
                                    MCU @TG70 last edited by

                                    @tg70 Die hast du auf Deinem System.

                                    TG70 1 Reply Last reply Reply Quote 0
                                    • TG70
                                      TG70 Forum Testing @MCU last edited by TG70

                                      ja die vis-views.json
                                      Du meinst jetzt in Verbindung mit dem VIS-Hintergrund zentral editieren/anpassen?

                                      Also ich habe meine Buttons so aufgebaut, dass keine direkten Farben eingetragen sind, sondern nur Bindings, d.h. ich ändere einen Farbwert und alle Widgets werden angepasst.
                                      Und über meine Setup View kann das direkt angepasst werden. Die ist aber erst im Aufbau.
                                      D.h. die Button Hintegrund Farbe #171717 wird hier eingetragen und man sieht das Ergebnis oben auch gleich wie es aussehen wird:

                                      d1a1173a-f3b3-4d2d-ab6a-2a2acec6e6ba-grafik.png

                                      M 1 Reply Last reply Reply Quote 0
                                      • M
                                        MCU @TG70 last edited by MCU

                                        @tg70 Ja genau. Aber erst kopieren als Sicherung.
                                        Dort kannst du dann nach background-color suchen und ersetzen:
                                        fbaf7565-c7f4-421c-bec1-a7b39c7c5ceb-image.png

                                        Aber nicht alle backgroundcolor ersetzen nur die von den views.

                                        TG70 1 Reply Last reply Reply Quote 1
                                        • TG70
                                          TG70 Forum Testing @MCU last edited by

                                          @mcu ... ja sehr geschickte Variante... ich hätte das gerne über eine VIS ändern wollen, so wie eben meine Widgets etc. auch... ist sowas möglich?

                                          M 1 Reply Last reply Reply Quote 0
                                          • M
                                            MCU @TG70 last edited by MCU

                                            @tg70 Verstehe ich nicht das ist doch die VIS und dort passt du dann Deine Farbe #171717 in ein Binding an.
                                            Funktioniert anscheinend nicht.!!!

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            414
                                            Online

                                            31.9k
                                            Users

                                            80.1k
                                            Topics

                                            1.3m
                                            Posts

                                            2
                                            61
                                            2900
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo