Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. Script fürTabelle der Batterie Zustände

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    Script fürTabelle der Batterie Zustände

    This topic has been deleted. Only users with topic management privileges can see it.
    • M
      MyMeyer @liv-in-sky last edited by

      @liv-in-sky Jau ich habe gefunden und angepasst. Jetzt geht es . 🙂

      A 1 Reply Last reply Reply Quote 1
      • A
        Aiouh @MyMeyer last edited by

        Hallo,
        ich versuche auch gerade eine Übersichtseite der Batteriespannungen und -Alarme meiner Homematic Sensoren zu basteln. Dazu habe ich gemäss dem Beginn dieses Threads Datenpunkte angelegt, Widgets und Script kopiert und angepasst - so weit ich das begriffen habe.
        Nun komme ich aber nicht wirklich weiter

        Nehme ich eines der Widgets (die ganz am Anfand des Threads stehen) sieht das so aus
        f774dc40-d351-4e2d-9dfe-b68774bc58c9-grafik.png

        Wenn ich einfach ein Standard Tabellen Widget verwende sieht das so aus, was mir zumindest mal zeigt dass Grundsätzliches funtioniert und ich mich der Lösung nähere

        e362a068-9189-4472-b365-4fed1373f2c2-grafik.png

        Ich hätte es aber gerne wie nachfolgend 🙂 Und frage ich mich wie ich dort hin komme?
        alt text

        Ist hier irgendwo ein "passendes Widget" zu finden was meinen Weg abkürzt (Ich habe keine Ahnung von Programmieren, copy und reuse bekomm ich aber hin 😉 )

        Homoran liv-in-sky 2 Replies Last reply Reply Quote 0
        • Homoran
          Homoran Global Moderator Administrators @Aiouh last edited by

          @Aiouh sagte in Script fürTabelle der Batterie Zustände:

          Ich hätte es aber gerne wie nachfolgend Und frage ich mich wie ich dort hin komme?

          wenn du die Datenpunkte richtig angelegt hast, brauchst du nur ein HTML-Widget, das suf den Datenpunkt zeigt:

          {Systemvariablen.0.TABELLEN.AkkuWidget}
          

          wobei es bei dir wahrscheinlich unter userdata.0 liegen wird

          1 Reply Last reply Reply Quote 0
          • liv-in-sky
            liv-in-sky @Aiouh last edited by liv-in-sky

            @Aiouh

            du musst ein standard html widget nehmen und mit binding (geschweifte klammern: {} ) einfügen

            @Homoran war schneller

            sieht dann so aus - in dem beispiel mit einer anderen tabelle - du musst deinen datenpunkt nehmen

            Image 10.png

            wird erst in der runtime angezeigt - tabelle ist nicht im vis-editor sichtbar

            A 1 Reply Last reply Reply Quote 0
            • A
              Aiouh @liv-in-sky last edited by Aiouh

              @liv-in-sky @Homoran
              Danke,
              Ich nutze den DP Tabelle_Akku, DP wird auch gefüllt, aber bekomme nur die headline angezeigt

              6a140cce-574f-4ee8-b7af-93bf8b3b87a8-grafik.png

              Um auszuschliessen, dass ich ein Problem mit der Textfarbe habe, hab ich den Hintergrund mal grün gemacht.
              04b0bd53-0908-4959-a92e-a00f39472475-grafik.png

              liv-in-sky 2 Replies Last reply Reply Quote 0
              • liv-in-sky
                liv-in-sky @Aiouh last edited by liv-in-sky

                @Aiouh

                dieses widget braucht den ersten datenpunkt TABELLEN_AKKU

                1 Reply Last reply Reply Quote 0
                • liv-in-sky
                  liv-in-sky @Aiouh last edited by liv-in-sky

                  @Aiouh

                  jedes widget hat einen eigenen datenpunkt, weil jedes widget eigene daten-struktur braucht

                  der erste dp: html standard widget mit binding
                  nr2. : material design list widget
                  nr.3 material design table widget

                  A 1 Reply Last reply Reply Quote 0
                  • A
                    Aiouh @liv-in-sky last edited by Aiouh

                    @liv-in-sky
                    Den ersten nutze ich ja
                    2edc40b7-2539-427d-9aa5-c75e37dbcc0a-grafik.png

                    der obere screenshot hat leider zwei DP als markiert gezeigt.
                    Hier nochmal
                    f8a7ead2-0514-4a6a-b02f-29a06d1b5536-grafik.png

                    liv-in-sky 1 Reply Last reply Reply Quote 0
                    • liv-in-sky
                      liv-in-sky @Aiouh last edited by

                      @Aiouh

                      poste mal den inhalt des dp

                      A 1 Reply Last reply Reply Quote 0
                      • A
                        Aiouh @liv-in-sky last edited by

                        <center><p style="color:black; font-family:RobotoCondensed-Regular; font-size: 22px; font-weight:normal">Batterie Zustand Sensoren&ensp;&ensp;Last Update: 19:00:00<table bordercolor="grey" border="2px" cellspacing="3" cellpadding="3" width="auto" rules="rows" style="color:#6E6E6E;  font-size:20px; font-family:RobotoCondensed-Regular;background-image: linear-gradient(42deg,#424242,#424242);"><tr height="35" style="color:#BDBDBD; font-size: 20px; font-weight: normal ;  border-bottom: 3px solid white "><td width=auto align=left>&ensp;Device&ensp;</td><td width=auto align=center>&ensp;Wert&ensp;</td><td  align=center>&ensp;Status&ensp;</td><td width=auto align=left style="color:blue">&ensp;Device&ensp;</td><td width=auto  align=center style="color:blue">&ensp;Wert&ensp;</td><td  align=center style="color:blue">&ensp;Status&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;<font color="#A0C2A0"><b>HOMEMATIC DEVICES</b>&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Fernbedienung 4Kanal&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Hauptschalter 1OG&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Heizkörper EG BAD&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 1.5 V&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Heizkörper Essplatz&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;HM-CC-RT-DN OEQ1257491&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.8 V&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;KM Keller&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Melder Bewegung 1OG&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Melder BewegungBalkon 1OG&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Melder Hitze-CO&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Melder Paket&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;MP3 Gong&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Repeater 1&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Schalter Rolladen 1OG WZ&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Schütz Wallbox Leaf&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Schütz Zusatzheizer&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Steckdose Mobil 2 fach&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Taster Rolladen SZ 1OG Türe&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Thermostat 1 Keller Werkstatt&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 2.9 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Thermostat 1 OG Essen&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.9 V&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Thermostat 1OG Bad&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 2.8 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Thermostat 1OG Büro&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.6 V&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Thermostat 1OG Diele&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 3.2 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Thermostat 1OG SZ&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.6 V&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Thermostat 1OG Wohnzimmer&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 2.9 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Thermostat 5 Aussen&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 3.2 V&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Thermostat EG Küche&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 2.7 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Türkontakt 1OG Balkon Griff&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Türkontakt TK1 Keller&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;Türkontakt TK2 Fahrradschopf&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;Türkontakt TK3 Garage links&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> full bat&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;Türkontakt TK4 Garage rechts&ensp;</td><td align=center>&ensp; <font color="lightgreen"> full bat&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;<font color="#A0C2A0"><b>HOMEMATIC IP</b>&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;000E5709A11BC2&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.7 V&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;✅&ensp;</td><td align=left style="color:#585858">&ensp;001898A99DC57C&ensp;</td><td  align=center style="color:#585858">&ensp; <font color="lightgreen"> 2.8 V&ensp;</td><td  align=center style="color:#585858">&ensp;✅&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;001E1A4998CC9B&ensp;</td><td align=center>&ensp; <font color="lightgreen"> 2.8 V&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;✅&ensp;</td><td>&ensp;</td><td>&ensp;</td><td>&ensp;</td></tr><tr bgcolor="#151515"><td align=left>&ensp;&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;" align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr><tr bgcolor="#000000"><td align=left>&ensp;<font color="#A0C2A0"><b>FULLYBROWSER</b>&ensp;</td><td align=center>&ensp;&ensp;</td><td style=" border-right: 2px solid blue;"align=center>&ensp;&ensp;</td><td align=left style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td><td  align=center style="color:#585858">&ensp;&ensp;</td></tr></table>
                        
                        liv-in-sky 2 Replies Last reply Reply Quote 0
                        • liv-in-sky
                          liv-in-sky @Aiouh last edited by

                          @Aiouh

                          seltsam

                          Image 1.png

                          A 1 Reply Last reply Reply Quote 0
                          • A
                            Aiouh @liv-in-sky last edited by

                            @liv-in-sky ich starte mal den iobroker neu

                            1 Reply Last reply Reply Quote 0
                            • liv-in-sky
                              liv-in-sky @Aiouh last edited by

                              @Aiouh

                              zeig mal das widget setting im vis editor

                              A 1 Reply Last reply Reply Quote 0
                              • A
                                Aiouh @liv-in-sky last edited by Aiouh

                                @liv-in-sky
                                meinst Du das ?
                                52824a71-d726-4952-9e06-4cb5bef322dc-grafik.png
                                887c99c9-4ad3-4986-a0b0-21b7b0996623-grafik.png
                                (Reboot hat Nichts gebracht)

                                Kann es am Font liegen ? RobotoCondensed-Regular hab ich nicht
                                be8e5739-af5c-411d-b0b4-3b231401b517-grafik.png

                                liv-in-sky 1 Reply Last reply Reply Quote 0
                                • liv-in-sky
                                  liv-in-sky @Aiouh last edited by

                                  @Aiouh

                                  teste mal:

                                  kopiere den inhalt des datenpunktes in ein anderes html standard widget - also nicht den dp mit geschweifter klammer sondern die daten direkt - so habe ich mir das angeigen lassen

                                  A 1 Reply Last reply Reply Quote 0
                                  • A
                                    Aiouh @liv-in-sky last edited by

                                    @liv-in-sky 🙂
                                    aebcf3e6-53a1-4caf-a58f-3496d7b6bc37-grafik.png
                                    DANKE !!!

                                    liv-in-sky 1 Reply Last reply Reply Quote 0
                                    • liv-in-sky
                                      liv-in-sky @Aiouh last edited by liv-in-sky

                                      @Aiouh

                                      das ist aber nicht die lösung weil das ganze jetzt statisch ist - wir wollen aber immer aktuelle daten haben - du kommst um das binding nicht herum - lösche mal das andere widget - vielleicht stimmt da was nicht und mache das mit dem binding noch mal in ein neues widget

                                      A 1 Reply Last reply Reply Quote 1
                                      • A
                                        Aiouh @liv-in-sky last edited by

                                        @liv-in-sky

                                        Widget gelöscht und neu hat Nichts gebracht. Nachdem ich aber eine neue view mit neuem html Widget angelegt habe geht es jetzt auch mit binding, lag dann wohl an der view.

                                        42aec9f0-e1f0-46c4-8371-fcef7148e403-grafik.png
                                        Aber jetzt nochmal -->VIELEN DANK<--, die Tabelle hilft mir wirklich sehr

                                        liv-in-sky 1 Reply Last reply Reply Quote 0
                                        • liv-in-sky
                                          liv-in-sky @Aiouh last edited by

                                          @Aiouh gerne

                                          Gargano 1 Reply Last reply Reply Quote 1
                                          • Gargano
                                            Gargano @liv-in-sky last edited by

                                            @liv-in-sky Hast Du mal das Script, das alle Änderungen enthält

                                            liv-in-sky 1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            674
                                            Online

                                            31.7k
                                            Users

                                            79.7k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript monitoring template
                                            67
                                            1379
                                            390557
                                            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