Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. HTML Tabelle für TrashSchedule Adapter

    NEWS

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    • Monatsrückblick - April 2025

    HTML Tabelle für TrashSchedule Adapter

    This topic has been deleted. Only users with topic management privileges can see it.
    • sigi234
      sigi234 Forum Testing Most Active @liv-in-sky last edited by sigi234

      @liv-in-sky sagte in HTML Tabelle für TrashSchedule Adapter:

      und ob man bilder oder emjis nutzen möchte

      Wie?

      Erledigt.

      Screenshot (281).png

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

        @sigi234

        zum einem müssen die bilder in der vis upgeloaded sein und den pfad muss man im script einsetzen

        im script ist momentan das bild aktiv

        hier kann man selbstständig ändern:
        grüner pfeil = pfad mit bild angeben
        blauer pfeil - größe des bildes
        roter pfeil - das erkennungswort, welches auch im adapter genutzt wird

        Image 8.png

        will man keine bilder sondern emojis, einfach den hinteren teil löschen oder auskommentieren (nicht die klammer am ende der zeile löschen)

        Image 9.png

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

          @sigi234 genau so 🙂

          die überschrift kannst du so wegbekommen

          Image 10.png

          1 Reply Last reply Reply Quote 0
          • sigi234
            sigi234 Forum Testing Most Active @liv-in-sky last edited by

            @liv-in-sky

            Eine HTML wird nicht geschrieben, aber das hatten wir ja schon mal.

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

              @sigi234

              du meinst ein html file

              seit iqontrol das direkt kann, braucht man das eigentlich nicht mehr über ein file zu lösen - daher teste ich das nicht mehr

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

                da es ja soviele treue material widget fans gibt - hier ein versuch, auch das zu bedienen - script und widgets im ersten post - datenpunkte müssen von hand angelegt werden und widget müssen auch auf true gestellt werden, damit etwas in den dp geschrieben wird

                Image 18.png

                • auch hier muss das script angepasst werden, wenn das widget anders aussehen soll - da ich nicht so der vis-kreative bin, sind vorschläge für die widgets gerne gesehen

                • damit die widget cards einen gelben (oder anderen) unterstrich bekommen, wenn nächster tag fällig, ist momentan <=4 tage eingestellt - um das auf <=1 tag zu bekommen muss man hier ändern:

                Image 19.png

                sigi234 2 Replies Last reply Reply Quote 1
                • sigi234
                  sigi234 Forum Testing Most Active @liv-in-sky last edited by

                  @liv-in-sky
                  Hast du eine geheime Tonne?

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

                    @sigi234 nicht wirklich - ist ein anderer regelmäßiger termin - total geheim 🙂

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

                      @liv-in-sky

                      Das ist wahrscheinlich noch ein bißchen zu hoch für mich.

                      Im IO Broker unter Scripte (root/global/common ?) dein Script einfügen, und dann eine HTML Tabelle einfügen mit http://192.168.xx.xx:8082/vis.0/htmlexample.html und dann soll es angezeigt werden ?

                      Bei mir in den logs kommt
                      (941) State "0_userdata.0.Tabellen.TrashScheduleTermine" not found

                      liv-in-sky 3 Replies Last reply Reply Quote 0
                      • liv-in-sky
                        liv-in-sky @novregen last edited by liv-in-sky

                        @novregen

                        genau - ein neues script erstellen - mein script reinkopieren
                        wichtig - die datenpunkte musst du auch noch anlegen - stehen oben im setting bereich des scriptes
                        daher der fehler - kann datenpunkt nicht finden

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

                          @novregen

                          du gehst in den objekte tab im admin und markierst 0_userdata.0
                          dann datenpunkt anlegen - typ steht im script - mit der id :Tabellen.TrashScheduleTermine

                          und für die anderen datenpunkte machst du das selbe

                          Image 2.png

                          Gargano 1 Reply Last reply Reply Quote 0
                          • N
                            novregen last edited by

                            Was für Typen "Datenpunkt / Text / Gemischt" muss das denn sein ?
                            Und im Vis dann eine HTML Tabelle einfügen und http://192.168.xx.xx:8082/vis.0/htmlexample.html
                            eintragen?

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

                              @novregen

                              die html tabelle in der vis:

                              du nimmst ein normales html widget und trägst dann den datenpunkt in klammern ein

                              {0_userdata.0.Tabellen.TrashScheduleTermine}
                              

                              Image 3.png

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

                                @novregen

                                steht im script - sind text datenpunkte

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

                                  @liv-in-sky
                                  vielen Dank erstmal für deine Hilfe, Tabelle habe ich erstmal grob drin mit Wochentage =:->

                                  Bei TrashScheduleWidget und TrashScheduleWidgetTable steht jedoch nichts drin.
                                  Kann man je Spalte hell / dunkel absetzen ?

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

                                    @novregen

                                    wenn du die material widgets nutzen willst, mußt du sie in zeile 9 oder 10 auf true setzen

                                    Image 4.png

                                    zeile 7 auf false lassen und zeile 8 auf true

                                    die spalten sind farblich immer gleich - nur die zeilen können unterschiedliche farben haben

                                    "erstmal grob drin mit Wochentage =:->"
                                    die aussage verstehe ich nicht

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

                                      @liv-in-sky

                                      grob - bedeutet ich muss noch mal an textgrösse etc. feilen bin aber sehr glücklich da es schon mal so gut geklappt hat. Vielen Dank nochmal für die Hilfe, hätte ich alleine wahrscheinlich so nicht geschafft.

                                      1 Reply Last reply Reply Quote 1
                                      • sigi234
                                        sigi234 Forum Testing Most Active @liv-in-sky last edited by

                                        @liv-in-sky

                                        Danke läuft:

                                        Screenshot (284).png

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

                                          im ersten post ist ein kleines update (muss nicht installiert werden - die einzige änderung ist für das html widget - dort werden die werte in einer anderen farbe angezeigt, wenn termin am nächsten tag ist bzw wenn daysleft ist kleiner gleich 1

                                          einstellungen wurde ins setting nach oben verschoben und müssen nicht mehr im script selbst geändert werden

                                          • farbe für "am nächsten tag anstehend" (für html tabelle - ganze zeile - siehe bild)
                                          • style für "am nächsten tag anstehend" (für html tabelle - ganze zeile - siehe bild)
                                          • größe der bilder (für html tabelle)
                                          • statusBar Farbe für Material Design List Widget für "am nächsten tag anstehend" (bild2)
                                          • statusBar Farbe für Material Design List Widget normale Ansicht

                                          Image 5.png

                                          Image 7.png

                                          sigi234 1 Reply Last reply Reply Quote 0
                                          • sigi234
                                            sigi234 Forum Testing Most Active @liv-in-sky last edited by

                                            @liv-in-sky

                                            Hinweis , wenn die MD Design Widgets verwendet werden muss man auch die json1 anpassen um Bilder zu sehen.

                                            Screenshot (286)_LI.jpg

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

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            1.0k
                                            Online

                                            31.6k
                                            Users

                                            79.6k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript template
                                            11
                                            135
                                            10590
                                            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