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.
    • 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
                                  • TG70
                                    TG70 Forum Testing @MCU last edited by TG70

                                    @mcu .. genau ich schreibe einfach im dem Beispiel mit "Button" die Farbe #171717 in den Datensatz, wo alle Widgets Hintergründe mit Bindings angebunden sind.

                                    So in der Art möchte ich das eben mit den VIEW Hintergründen machen, ggf. auch mit Hintegrundbildern

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

                                      @tg70 Bei den allgemeinen Hintergründe funktioniert ein Binding anscheinend nicht:

                                      c59561ab-eece-49f0-bc8a-49d4aa2a4e2c-image.png

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

                                        @mcu ... genau, das habe ich auch probiert. Wie wäre sowas dann möglich?

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

                                          @tg70 Ich hatte es gehofft. Muss noch daran arbeiten.

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

                                            @mcu Soll ich da mal einen neuen Thread aufmachen?

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            971
                                            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