Skip to content
  • Home
  • Aktuell
  • Tags
  • 0 Ungelesen 0
  • Kategorien
  • Unreplied
  • Beliebt
  • 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

  • Standard: (Kein Skin)
  • Kein Skin
Einklappen
ioBroker Logo

Community Forum

donate donate
  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. HTML Tabelle für ical Adapter (mehrere Instanzen)

NEWS

  • UPDATE 31.10.: Amazon Alexa - ioBroker Skill läuft aus ?
    apollon77A
    apollon77
    48
    3
    8.7k

  • Monatsrückblick – September 2025
    BluefoxB
    Bluefox
    13
    1
    2.1k

  • Neues Video "KI im Smart Home" - ioBroker plus n8n
    BluefoxB
    Bluefox
    16
    1
    3.0k

HTML Tabelle für ical Adapter (mehrere Instanzen)

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascript
245 Beiträge 16 Kommentatoren 38.5k Aufrufe 15 Watching
  • Älteste zuerst
  • Neuste zuerst
  • Meiste Stimmen
Antworten
  • In einem neuen Thema antworten
Anmelden zum Antworten
Dieses Thema wurde gelöscht. Nur Nutzer mit entsprechenden Rechten können es sehen.
  • H Hausbaer

    Ja, ich bin mir sicher.

    In der Vis verwende ich die Materiadesign Table.

    [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"0_userdata.0.Kalender.Tabellen.home-kalener-MaterialWidgetTable","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"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","countCols":"3","tableLayout":"standard","showHeader":false,"headerTextSize":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","headerFontFamily":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","colorBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorHeaderRowBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorHeaderRowText":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colorRowBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorRowBackgroundHover":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorRowText":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","borderColor":"","dividers":"","showColumn0":true,"colType0":"text","textAlign0":"center","colTextSize0":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily0":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn1":"true","colType1":"text","textAlign1":"center","colTextSize1":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily1":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","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,"colTextColor0":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor1":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","showColumn2":"true","colType2":"text","textAlign2":"center","colTextSize2":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily2":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn3":"true","colType3":"text","textAlign3":"center","colTextSize3":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily3":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn4":"true","colType4":"text","textAlign4":"center","colTextSize4":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily4":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","colTextColor2":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor3":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor4":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","columnWidth0":"80","columnWidth1":"10","columnWidth2":"30","columnWidth3":"10"},"style":{"left":"calc(50% - 200px)","top":"70px","width":"400px","height":"400px","z-index":"20"},"widgetSet":"materialdesign"}]
    

    Schriftart: Pacifico, Farbe: 'ffffff; Größe unterschiedlich, 12, 16 und 20

    liv-in-skyL Offline
    liv-in-skyL Offline
    liv-in-sky
    schrieb am zuletzt editiert von
    #203

    @hausbaer

    ich habe den fokus auf die html tabelle - das widget war nnur nebenbei - du brauchst aber die settings des md table widgets
    da bin ich nicht wirklich profi

    vermutung:

    • im ical setting scheint die kalenderfarbe schwarz zu sein - damit sind bei schwarzen hintergrundm, die einträge nicht sichtbar
      Image 4.png
    • den rahmen weg - weiß ich nicht
    • die richtige aufteilung der spalten ?
    • der thread dafür ist hier :https://forum.iobroker.net/topic/29658/material-design-widgets-table-widget - frag da mal bitte nach

    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

    1 Antwort Letzte Antwort
    0
    • H Hausbaer

      Ja, ich bin mir sicher.

      In der Vis verwende ich die Materiadesign Table.

      [{"tpl":"tplVis-materialdesign-Table","data":{"oid":"0_userdata.0.Kalender.Tabellen.home-kalener-MaterialWidgetTable","g_fixed":false,"g_visibility":false,"g_css_font_text":false,"g_css_background":false,"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","countCols":"3","tableLayout":"standard","showHeader":false,"headerTextSize":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","headerFontFamily":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","colorBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorHeaderRowBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorHeaderRowText":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colorRowBackground":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorRowBackgroundHover":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","colorRowText":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","borderColor":"","dividers":"","showColumn0":true,"colType0":"text","textAlign0":"center","colTextSize0":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily0":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn1":"true","colType1":"text","textAlign1":"center","colTextSize1":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily1":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","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,"colTextColor0":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor1":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","showColumn2":"true","colType2":"text","textAlign2":"center","colTextSize2":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily2":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn3":"true","colType3":"text","textAlign3":"center","colTextSize3":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily3":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","showColumn4":"true","colType4":"text","textAlign4":"center","colTextSize4":"{0_userdata.0.einstellung_farben_schriftarten.schriftgrosse-3}","fontFamily4":"{0_userdata.0.einstellung_farben_schriftarten.schriftart-7}","colTextColor2":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor3":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","colTextColor4":"{0_userdata.0.einstellung_farben_schriftarten.farbe-3}","columnWidth0":"80","columnWidth1":"10","columnWidth2":"30","columnWidth3":"10"},"style":{"left":"calc(50% - 200px)","top":"70px","width":"400px","height":"400px","z-index":"20"},"widgetSet":"materialdesign"}]
      

      Schriftart: Pacifico, Farbe: 'ffffff; Größe unterschiedlich, 12, 16 und 20

      liv-in-skyL Offline
      liv-in-skyL Offline
      liv-in-sky
      schrieb am zuletzt editiert von
      #204

      @hausbaer

      sieht bei mir so aus - da ist der rahmen weg

      Image 5.png

      Image 6.png

      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

      1 Antwort Letzte Antwort
      0
      • liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von liv-in-sky
        #205

        @Scrounger (table widget)

        hi -könntest du uns einen ipp geben, wie wir es hinbekommen, dass die erste spalte immer alles anzeigt - und die anderen spalten nicht so viel platz bekommen - habe rumprobiert - bekomme es nicht hin

        anim-gif47.gif

        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

        ScroungerS 1 Antwort Letzte Antwort
        0
        • H Offline
          H Offline
          Hausbaer
          schrieb am zuletzt editiert von
          #206

          Ich hab noch etwas experimentiert.

          Die Lösung liegt tatsächlich in der Konfiguration der Tabelle.

          91f5ab1a-23cc-400f-bdac-2fdc8e3e2bb9-grafik.png
          d62dda5d-d4db-4f69-bf2b-eb9aaa5d74d6-grafik.png

          Wenn man die Spaltenbreite bei allen angibt, und der Wert unter CSS allgemein dazu passt, wird die Tabelle auch entsprechend aufgeteilt.
          Das hat bei mir aber erst funktioniert, nachdem ich "feste Tabellenüberschrift" aktiviert hatte.

          Ergebnis in der Runtime:

          6a7ef18e-de02-4466-afe3-0339d6e29138-grafik.png

          Die Farbe für "Heute" muss noch etwas heller werden - dann ist's genau so, wie ich mir das vorgestellt hatte

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • liv-in-skyL liv-in-sky

            @Scrounger (table widget)

            hi -könntest du uns einen ipp geben, wie wir es hinbekommen, dass die erste spalte immer alles anzeigt - und die anderen spalten nicht so viel platz bekommen - habe rumprobiert - bekomme es nicht hin

            anim-gif47.gif

            ScroungerS Offline
            ScroungerS Offline
            Scrounger
            Developer
            schrieb am zuletzt editiert von
            #207

            @liv-in-sky

            @hausbaer sagte in HTML Tabelle für ical Adapter (mehrere Instanzen):

            d62dda5d-d4db-4f69-bf2b-eb9aaa5d74d6-grafik.png

            feste tabellenüberschrift muss nicht zwingend aktiv sein. Aber er muss eine feste breite für die spalte definiert werden und kein Zeilenumbruch aktiviert sein.

            <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

            <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

            liv-in-skyL 1 Antwort Letzte Antwort
            0
            • H Hausbaer

              Ich hab noch etwas experimentiert.

              Die Lösung liegt tatsächlich in der Konfiguration der Tabelle.

              91f5ab1a-23cc-400f-bdac-2fdc8e3e2bb9-grafik.png
              d62dda5d-d4db-4f69-bf2b-eb9aaa5d74d6-grafik.png

              Wenn man die Spaltenbreite bei allen angibt, und der Wert unter CSS allgemein dazu passt, wird die Tabelle auch entsprechend aufgeteilt.
              Das hat bei mir aber erst funktioniert, nachdem ich "feste Tabellenüberschrift" aktiviert hatte.

              Ergebnis in der Runtime:

              6a7ef18e-de02-4466-afe3-0339d6e29138-grafik.png

              Die Farbe für "Heute" muss noch etwas heller werden - dann ist's genau so, wie ich mir das vorgestellt hatte

              liv-in-skyL Offline
              liv-in-skyL Offline
              liv-in-sky
              schrieb am zuletzt editiert von
              #208

              @hausbaer dann paßt ja alles -die farbe einzustellen ist ja kein problem

              @scrounger - hat sich erledigt

              nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

              1 Antwort Letzte Antwort
              0
              • ScroungerS Scrounger

                @liv-in-sky

                @hausbaer sagte in HTML Tabelle für ical Adapter (mehrere Instanzen):

                d62dda5d-d4db-4f69-bf2b-eb9aaa5d74d6-grafik.png

                feste tabellenüberschrift muss nicht zwingend aktiv sein. Aber er muss eine feste breite für die spalte definiert werden und kein Zeilenumbruch aktiviert sein.

                liv-in-skyL Offline
                liv-in-skyL Offline
                liv-in-sky
                schrieb am zuletzt editiert von liv-in-sky
                #209

                @scrounger feste breite - dachte ich auch - hat aber nix geändert - bei dem beispiel ist die erste spalte mit 300 eingegeben

                erst das mit der festen tabellenüberschrift hat den erfolg gebracht

                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                ScroungerS 1 Antwort Letzte Antwort
                0
                • liv-in-skyL liv-in-sky

                  @scrounger feste breite - dachte ich auch - hat aber nix geändert - bei dem beispiel ist die erste spalte mit 300 eingegeben

                  erst das mit der festen tabellenüberschrift hat den erfolg gebracht

                  ScroungerS Offline
                  ScroungerS Offline
                  Scrounger
                  Developer
                  schrieb am zuletzt editiert von
                  #210

                  @liv-in-sky
                  mhh ok, dann wird es in der kommenden v0.5.x nicht mehr notwendig sein, das feste tabellenüberschrift an sein muss ;-)

                  <a href="https://github.com/Scrounger/ioBroker.linkeddevices">LinkedDevices Adapter</a>

                  <a href="https://github.com/Scrounger/ioBroker.vis-materialdesign">Material Design Widgets</a>

                  1 Antwort Letzte Antwort
                  1
                  • liv-in-skyL Offline
                    liv-in-skyL Offline
                    liv-in-sky
                    schrieb am zuletzt editiert von
                    #211

                    @Rene-R

                    du kannst für die überschriften bestimmte zeichen einfügen - und für bestimmte , "gefilterte" einträge - aber nicht für alle einträge für einen kalender - das ginge nur, wenn du schon im kalender das symbol einfügst

                    nur übrschriften:

                    Image 6.png Image 5.png

                    das sind html-codes für sonderzeichen: siehe : https://unicode-table.com/de/2A3B/ oder emojis: https://emojiterra.com/de/

                    alle einträge geht nur so:

                    Image 9.png Image 8.png

                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                    1 Antwort Letzte Antwort
                    0
                    • liv-in-skyL Offline
                      liv-in-skyL Offline
                      liv-in-sky
                      schrieb am zuletzt editiert von
                      #212

                      @Rene-R

                      gebutstage sind eigentlich nicht teil des google kalenders sondern werden in google kontakte verwaltet.

                      mit diesem script https://www.smarthomejetzt.de/die-geburtstage-der-apple-und-android-kontakte-in-einem-kalender-in-der-vis-oberflaeche-auf-iobroker-anzeigen/
                      konnte ich die geburtstage in den ical bekommen. danach kann man in der ical instanz diesen neuen kalender dazufügen oder eine neue instanz anlegen - in dem script, welches verwendet wird, werden keine jahresdaten übergeben, daher kann auch kein alter berechnet werden.
                      aber immerhin, kannst du so die geburtstage in den kalender bekommen

                      Image 1.png

                      nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                      1 Antwort Letzte Antwort
                      0
                      • Rene RR Offline
                        Rene RR Offline
                        Rene R
                        schrieb am zuletzt editiert von
                        #213

                        @liv-in-sky

                        Wie bekommt man die Icons in einer reihe dargestellt???
                        Hast du vielleicht eine Idee?

                        //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 4
                        var htmlFeld1='Termine';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
                        var htmlFeld2='&#x23F0;';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                        var htmlFeld3='&#128198;';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                        var htmlFeld4='&#128198;';        var Feld4lAlign="center";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
                        var htmlFeld5='&#x23F3;';        var Feld5lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
                        //-----------------------------------
                         
                        

                        Screenshot 2021-04-18 210228.png

                        //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5
                         
                        var htmlTabUeber2="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+">&ensp;"+htmlFeld1+"&ensp;</td><td  align="+Feld2lAlign+">&ensp;"+htmlFeld2+"&ensp;</td><td  align="+Feld3lAlign+">&ensp;"+htmlFeld3+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+htmlFeld4+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+htmlFeld5+"&ensp;</td>";
                        var htmlTabUeber2_1="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld1+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+
                                           "&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld4+
                                           "&ensp;</td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld5+"&ensp;</td>";
                                               //------------------------------------------------------
                         
                        

                        Vielen Dank

                        Gruß Rene

                        liv-in-skyL 1 Antwort Letzte Antwort
                        0
                        • Rene RR Rene R

                          @liv-in-sky

                          Wie bekommt man die Icons in einer reihe dargestellt???
                          Hast du vielleicht eine Idee?

                          //HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 4
                          var htmlFeld1='Termine';       var Feld1lAlign="left";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
                          var htmlFeld2='&#x23F0;';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
                          var htmlFeld3='&#128198;';         var Feld3lAlign="center";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
                          var htmlFeld4='&#128198;';        var Feld4lAlign="center";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
                          var htmlFeld5='&#x23F3;';        var Feld5lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
                          //-----------------------------------
                           
                          

                          Screenshot 2021-04-18 210228.png

                          //NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5
                           
                          var htmlTabUeber2="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+">&ensp;"+htmlFeld1+"&ensp;</td><td  align="+Feld2lAlign+">&ensp;"+htmlFeld2+"&ensp;</td><td  align="+Feld3lAlign+">&ensp;"+htmlFeld3+"&ensp;</td><td align="+Feld4lAlign+">&ensp;"+htmlFeld4+"&ensp;</td><td align="+Feld5lAlign+">&ensp;"+htmlFeld5+"&ensp;</td>";
                          var htmlTabUeber2_1="<td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld1+"&ensp;</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+
                                             "&ensp;</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld3+"&ensp;</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld4+
                                             "&ensp;</td><td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\">&ensp;"+htmlFeld5+"&ensp;</td>";
                                                 //------------------------------------------------------
                           
                          

                          Vielen Dank

                          Gruß Rene

                          liv-in-skyL Offline
                          liv-in-skyL Offline
                          liv-in-sky
                          schrieb am zuletzt editiert von
                          #214

                          @rene-r du brauchst mehr breite - das html widget breiter machen oder im script setting unter breite erhöhen

                          nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                          Rene RR A 2 Antworten Letzte Antwort
                          0
                          • liv-in-skyL liv-in-sky

                            @rene-r du brauchst mehr breite - das html widget breiter machen oder im script setting unter breite erhöhen

                            Rene RR Offline
                            Rene RR Offline
                            Rene R
                            schrieb am zuletzt editiert von
                            #215

                            @liv-in-sky

                            Ahh danke habt es geschafft

                            1 Antwort Letzte Antwort
                            0
                            • liv-in-skyL liv-in-sky

                              @rene-r du brauchst mehr breite - das html widget breiter machen oder im script setting unter breite erhöhen

                              A Online
                              A Online
                              aba320
                              schrieb am zuletzt editiert von
                              #216

                              @liv-in-sky Hallo! erst mal Danke für dies Tabellenscript. es funktioniert bei mir seit langem.
                              da aber bei mir einige ganztägige Ereignisse vom ical adapter als 02:00 bis 0:00 ausgewertet werden also nicht mehr ganztägig , habe ich da im cal da jetzt fixes eingebaut wurden mal eine beta version des ical getestet. mit Versionen ab ical 1.10. gibt dein script folgenden Fehler aus:

                              10:55:48.110	error	javascript.0 (890) script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen: TypeError: Cannot read property 'includes' of undefined
                              10:55:48.110	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:441:64)
                              10:55:48.111	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:856:2
                              10:55:48.111	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:1194:3
                              

                              ich bin auf die 1.9.3 des ical zurück und das script funktioniert wieder.
                              der Trashadapter wurde auch angepasst und funktionier auch mit versionen über 1.10.
                              es muß wohl eine erhebliche Änderung im ical adapter geben. aber ich hab von adaptern keine Ahnung, kann sie nur anwenden...
                              Gruß aus HH

                              HW: Raspimatic 3B+ ;3.69.7.20230506; RPI-RF-MOD
                              ioBrokermaster auf Raspi 4 8 GB; ioBrokerslave auf Raspi 4 4 GB

                              liv-in-skyL 1 Antwort Letzte Antwort
                              0
                              • A aba320

                                @liv-in-sky Hallo! erst mal Danke für dies Tabellenscript. es funktioniert bei mir seit langem.
                                da aber bei mir einige ganztägige Ereignisse vom ical adapter als 02:00 bis 0:00 ausgewertet werden also nicht mehr ganztägig , habe ich da im cal da jetzt fixes eingebaut wurden mal eine beta version des ical getestet. mit Versionen ab ical 1.10. gibt dein script folgenden Fehler aus:

                                10:55:48.110	error	javascript.0 (890) script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen: TypeError: Cannot read property 'includes' of undefined
                                10:55:48.110	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:441:64)
                                10:55:48.111	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:856:2
                                10:55:48.111	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:1194:3
                                

                                ich bin auf die 1.9.3 des ical zurück und das script funktioniert wieder.
                                der Trashadapter wurde auch angepasst und funktionier auch mit versionen über 1.10.
                                es muß wohl eine erhebliche Änderung im ical adapter geben. aber ich hab von adaptern keine Ahnung, kann sie nur anwenden...
                                Gruß aus HH

                                liv-in-skyL Offline
                                liv-in-skyL Offline
                                liv-in-sky
                                schrieb am zuletzt editiert von liv-in-sky
                                #217

                                @aba320

                                habe ich gerade selbst getestet - im script muss eine zeile geändert werden, damit es erstmal wieder läuft - habe aber noch nicht alles getestet

                                die änderung ist eine zeile :

                                Image 3.png

                                let myDpInput=JSON.parse((getState(dpTSJson[i]).val));
                                

                                das liegt an der datenpunktänderung im adapter - es wurde von object auf json-txt umgestellt - mit JSON.parse wird erstmal wieder der datenpunkt lesbar für das script

                                nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                A 2 Antworten Letzte Antwort
                                0
                                • liv-in-skyL liv-in-sky

                                  @aba320

                                  habe ich gerade selbst getestet - im script muss eine zeile geändert werden, damit es erstmal wieder läuft - habe aber noch nicht alles getestet

                                  die änderung ist eine zeile :

                                  Image 3.png

                                  let myDpInput=JSON.parse((getState(dpTSJson[i]).val));
                                  

                                  das liegt an der datenpunktänderung im adapter - es wurde von object auf json-txt umgestellt - mit JSON.parse wird erstmal wieder der datenpunkt lesbar für das script

                                  A Online
                                  A Online
                                  aba320
                                  schrieb am zuletzt editiert von aba320
                                  #218

                                  @liv-in-sky hab die Zeile gefunden bei mir war es 387 und geändert:

                                  inDpRunning2="";
                                  
                                  
                                  
                                  inDpGanzTag="";
                                  
                                  
                                  
                                  for (let i=0;i<dpTSJson.length;i++) {
                                  
                                    //let myDpInput=(getState(dpTSJson[i]).val);
                                    let myDpInput=JSON.parse((getState(dpTSJson[i]).val)); 
                                  
                                      for  (let b=0;b<myDpInput.length;b++) { myDpInput[b].myIDID=dpTSJsonCalName[i];}
                                  
                                   
                                  
                                    myData=myData.concat(myDpInput)          //myData=myData.concat(getState(dpTSJson[i]).val)
                                  
                                  }
                                  
                                  
                                  

                                  bin wieder auf die 1.11.1 aber es kommt noch folgender Fehlertext

                                  11:30:49.493	error	javascript.0 (890) script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen: SyntaxError: Unexpected end of JSON input
                                  11:30:49.494	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:388:23)
                                  11:30:49.494	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:857:2
                                  11:30:49.495	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:1195:3
                                  


                                  388 ist deine neue Zeile
                                  zeilen 845 bis 865 als code. 857 ist das zweite writeHTML()::

                                  //MAIN:
                                  
                                  
                                  
                                  schedule(mySchedule3,  function () {
                                  
                                  writeHTML();
                                  
                                  if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                  
                                  }); 
                                  
                                  writeHTML();
                                  
                                  
                                  
                                    				 function tabelleBind(){
                                  
                                      //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 5 Felder definiert, braucht man hier 5 Werte
                                  
                                    
                                  


                                  mein script endet bei 1194 1195 gibt es nicht.
                                  aber es drängt ja keine Zeit ich gehe erst mal dieder auf 1.9 zurück und werde die nächsten Tage/Wochen beobachten was sich tut.

                                  HW: Raspimatic 3B+ ;3.69.7.20230506; RPI-RF-MOD
                                  ioBrokermaster auf Raspi 4 8 GB; ioBrokerslave auf Raspi 4 4 GB

                                  liv-in-skyL 1 Antwort Letzte Antwort
                                  0
                                  • A aba320

                                    @liv-in-sky hab die Zeile gefunden bei mir war es 387 und geändert:

                                    inDpRunning2="";
                                    
                                    
                                    
                                    inDpGanzTag="";
                                    
                                    
                                    
                                    for (let i=0;i<dpTSJson.length;i++) {
                                    
                                      //let myDpInput=(getState(dpTSJson[i]).val);
                                      let myDpInput=JSON.parse((getState(dpTSJson[i]).val)); 
                                    
                                        for  (let b=0;b<myDpInput.length;b++) { myDpInput[b].myIDID=dpTSJsonCalName[i];}
                                    
                                     
                                    
                                      myData=myData.concat(myDpInput)          //myData=myData.concat(getState(dpTSJson[i]).val)
                                    
                                    }
                                    
                                    
                                    

                                    bin wieder auf die 1.11.1 aber es kommt noch folgender Fehlertext

                                    11:30:49.493	error	javascript.0 (890) script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen: SyntaxError: Unexpected end of JSON input
                                    11:30:49.494	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:388:23)
                                    11:30:49.494	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:857:2
                                    11:30:49.495	error	javascript.0 (890) at script.js.System.Verwaltung.Tabelle_für_ical_mehre_Instanzen:1195:3
                                    


                                    388 ist deine neue Zeile
                                    zeilen 845 bis 865 als code. 857 ist das zweite writeHTML()::

                                    //MAIN:
                                    
                                    
                                    
                                    schedule(mySchedule3,  function () {
                                    
                                    writeHTML();
                                    
                                    if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
                                    
                                    }); 
                                    
                                    writeHTML();
                                    
                                    
                                    
                                      				 function tabelleBind(){
                                    
                                        //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 5 Felder definiert, braucht man hier 5 Werte
                                    
                                      
                                    


                                    mein script endet bei 1194 1195 gibt es nicht.
                                    aber es drängt ja keine Zeit ich gehe erst mal dieder auf 1.9 zurück und werde die nächsten Tage/Wochen beobachten was sich tut.

                                    liv-in-skyL Offline
                                    liv-in-skyL Offline
                                    liv-in-sky
                                    schrieb am zuletzt editiert von
                                    #219

                                    @aba320

                                    du hast sicherlich das script mit firefox runter-kopiert - nimm dazu den chromebrowser - der ff fügt immer viele leerzeichen ein, danach ist die fehlersuche schwierig und es kommt auch zu fehlern

                                    probier nach dem neuanlegen und neukopieren des scriptes nochmal mit deinen setting - ob es dann läuft

                                    nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                    A 1 Antwort Letzte Antwort
                                    0
                                    • liv-in-skyL liv-in-sky

                                      @aba320

                                      du hast sicherlich das script mit firefox runter-kopiert - nimm dazu den chromebrowser - der ff fügt immer viele leerzeichen ein, danach ist die fehlersuche schwierig und es kommt auch zu fehlern

                                      probier nach dem neuanlegen und neukopieren des scriptes nochmal mit deinen setting - ob es dann läuft

                                      A Online
                                      A Online
                                      aba320
                                      schrieb am zuletzt editiert von
                                      #220

                                      @liv-in-sky so jetzt hab ich wieder zeit. hab dein Script von ganz oben jetzt mit chrome kopiert und als neues script angelegt. dann meine datenfelder eingetragen.
                                      in meinem script ist es zeile 195 in deinem anderen post war es bei dir 202. aber ich hab es zeilennummernweise verglichen. die 195 durch die neue ersatzt.
                                      aber es kommt wieder der gleiche Fehler:

                                      15:01:43.679	error	javascript.0 (890) script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome: SyntaxError: Unexpected end of JSON input
                                      15:01:43.680	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:195:23)
                                      15:01:43.680	error	javascript.0 (890) at script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:427:2
                                      15:01:43.680	error	javascript.0 (890) at script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:597:3
                                      

                                      195 ist wie gesagt die neue Zeile
                                      427 ist wieder das 2. write html
                                      und die letzte zeilennummer ist 596
                                      kann es irgendwie an meinen Datenpunkten liegen. die habe zwar alle mit der alten version funktioniert-

                                      HW: Raspimatic 3B+ ;3.69.7.20230506; RPI-RF-MOD
                                      ioBrokermaster auf Raspi 4 8 GB; ioBrokerslave auf Raspi 4 4 GB

                                      liv-in-skyL 1 Antwort Letzte Antwort
                                      0
                                      • A aba320

                                        @liv-in-sky so jetzt hab ich wieder zeit. hab dein Script von ganz oben jetzt mit chrome kopiert und als neues script angelegt. dann meine datenfelder eingetragen.
                                        in meinem script ist es zeile 195 in deinem anderen post war es bei dir 202. aber ich hab es zeilennummernweise verglichen. die 195 durch die neue ersatzt.
                                        aber es kommt wieder der gleiche Fehler:

                                        15:01:43.679	error	javascript.0 (890) script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome: SyntaxError: Unexpected end of JSON input
                                        15:01:43.680	error	javascript.0 (890) at writeHTML (script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:195:23)
                                        15:01:43.680	error	javascript.0 (890) at script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:427:2
                                        15:01:43.680	error	javascript.0 (890) at script.js.System.Verwaltung.tabelle_für_ical_mehrere_Instanzem_chrome:597:3
                                        

                                        195 ist wie gesagt die neue Zeile
                                        427 ist wieder das 2. write html
                                        und die letzte zeilennummer ist 596
                                        kann es irgendwie an meinen Datenpunkten liegen. die habe zwar alle mit der alten version funktioniert-

                                        liv-in-skyL Offline
                                        liv-in-skyL Offline
                                        liv-in-sky
                                        schrieb am zuletzt editiert von liv-in-sky
                                        #221

                                        @aba320

                                        kannst du mal den datenpunkt inhalt (state) posten - von dem ical table datenpunkt ( ical.0.data.table )

                                        falls du deine kalender daten nicht posten willst, kannst du dir die daten mal im online checker ansehen
                                        wenn da ein fehler drin ist, wäre das wissenswert

                                        https://jsoneditoronline.org/#left=local.xeliso&right=local.nokifi

                                        ODER:

                                        kann es sein, daß du mehrere ical instanzen eingetragen hast und ein kalender leer ist ?

                                        Image 4.png

                                        wenn ja- teste mal mit nur einem eintrag

                                        let dpTSJson=["ical.0.data.table"];
                                        

                                        nach einem gelösten Thread wäre es sinnvoll dies in der Überschrift des ersten Posts einzutragen [gelöst]-... Bitte benutzt das Voting rechts unten im Beitrag wenn er euch geholfen hat. Forum-Tools: PicPick https://picpick.app/en/download/ und ScreenToGif https://www.screentogif.com/downloads.html

                                        A da_WoodyD 2 Antworten Letzte Antwort
                                        0
                                        • liv-in-skyL liv-in-sky

                                          @aba320

                                          kannst du mal den datenpunkt inhalt (state) posten - von dem ical table datenpunkt ( ical.0.data.table )

                                          falls du deine kalender daten nicht posten willst, kannst du dir die daten mal im online checker ansehen
                                          wenn da ein fehler drin ist, wäre das wissenswert

                                          https://jsoneditoronline.org/#left=local.xeliso&right=local.nokifi

                                          ODER:

                                          kann es sein, daß du mehrere ical instanzen eingetragen hast und ein kalender leer ist ?

                                          Image 4.png

                                          wenn ja- teste mal mit nur einem eintrag

                                          let dpTSJson=["ical.0.data.table"];
                                          
                                          A Online
                                          A Online
                                          aba320
                                          schrieb am zuletzt editiert von
                                          #222

                                          @liv-in-sky Jo! das wars. ich hatte noch nen ical.1 mit drin. ich hab für müll ical .0 für google ical1 und für meinen MS Outlook export ical2. hab ical1 jetzt raus und es kommt kein Fehler mehr.
                                          Damke!!

                                          HW: Raspimatic 3B+ ;3.69.7.20230506; RPI-RF-MOD
                                          ioBrokermaster auf Raspi 4 8 GB; ioBrokerslave auf Raspi 4 4 GB

                                          1 Antwort Letzte Antwort
                                          0
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          850

                                          Online

                                          32.4k

                                          Benutzer

                                          81.5k

                                          Themen

                                          1.3m

                                          Beiträge
                                          Community
                                          Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen | Einwilligungseinstellungen
                                          ioBroker Community 2014-2025
                                          logo
                                          • Anmelden

                                          • Du hast noch kein Konto? Registrieren

                                          • Anmelden oder registrieren, um zu suchen
                                          • Erster Beitrag
                                            Letzter Beitrag
                                          0
                                          • Home
                                          • Aktuell
                                          • Tags
                                          • Ungelesen 0
                                          • Kategorien
                                          • Unreplied
                                          • Beliebt
                                          • GitHub
                                          • Docu
                                          • Hilfe