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

  1. ioBroker Community Home
  2. Deutsch
  3. Skripten / Logik
  4. JavaScript
  5. HTML Tabelle für TrashSchedule Adapter

NEWS

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

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

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

HTML Tabelle für TrashSchedule Adapter

Geplant Angeheftet Gesperrt Verschoben JavaScript
javascripttemplate
135 Beiträge 11 Kommentatoren 18.4k 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.
  • liv-in-skyL liv-in-sky

    @rowein

    Sorry - du hattest vollkommen recht - habe im ersten post ein neues script - bitte teste mal

    R Offline
    R Offline
    rowein
    schrieb am zuletzt editiert von
    #40

    @liv-in-sky
    Super, läuft wieder. Danke für den schnellen Fix :)

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

      @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

      GarganoG Offline
      GarganoG Offline
      Gargano
      schrieb am zuletzt editiert von Gargano
      #41

      @liv-in-sky Wenn man das Anlegen der Objekte dem Script überlässt, braucht man es nicht von Hand zu machen

      const dpVIS="0_userdata.0.Tabellen.TrashScheduleTermine"         //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
      const dpMaterialWidget="0_userdata.0.Tabellen.TrashScheduleMaterialWidget";            // WICHTIG wenn braucheMaterialDesignWidget auf true MATERIALDESIGN List Widget - datenpunkt anlegen : zeichenkette  
      const dpMaterialWidgetTable="0_userdata.0.Tabellen.TrashScheduleMaterialWidgetTable";  // WICHTIG wenn braucheMaterialDesignWidgetTable auf true MATERIALDESIGN Table Widget - datenpunkt anlegen: zeichenkette  
      const dpTSJson="trashschedule.0.type.json"                        //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !! wähle den dp der trashschedule instanz
      
      
      // Anlegen der Datenpunkte
      const createStateList = [
          {name :dpVIS, type:"string", role : "value"},
          {name :dpMaterialWidget, type:"string", role : "value"},
          {name :dpMaterialWidgetTable, type:"string", role : "value"}
      ]
      
      createStateList.forEach (function(item) {
          createState(item.name, { 
              type: item.type,
              min: 0,
              def: 0,
              role: item.role
          });
      });
      
      

      Noch etwas eleganter :

      // Anlegen der Datenpunkte
      const createStateList = [
          {enabled:braucheEinVISWidget, name :dpVIS, type:"string", role : "value"},
          {enabled:braucheMaterialDesignWidget, name :dpMaterialWidget, type:"string", role : "value"},
          {enabled:braucheMaterialDesignWidgetTable, name :dpMaterialWidgetTable, type:"string", role : "value"}
      ]
      
      createStateList.forEach (function(item) {
          if (item.enabled) {
              createState(item.name, { 
                  type: item.type,
                  min: 0,
                  def: 0,
                  role: item.role
              });
          }
      });
      
      
      
      liv-in-skyL 1 Antwort Letzte Antwort
      0
      • GarganoG Gargano

        @liv-in-sky Wenn man das Anlegen der Objekte dem Script überlässt, braucht man es nicht von Hand zu machen

        const dpVIS="0_userdata.0.Tabellen.TrashScheduleTermine"         //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
        const dpMaterialWidget="0_userdata.0.Tabellen.TrashScheduleMaterialWidget";            // WICHTIG wenn braucheMaterialDesignWidget auf true MATERIALDESIGN List Widget - datenpunkt anlegen : zeichenkette  
        const dpMaterialWidgetTable="0_userdata.0.Tabellen.TrashScheduleMaterialWidgetTable";  // WICHTIG wenn braucheMaterialDesignWidgetTable auf true MATERIALDESIGN Table Widget - datenpunkt anlegen: zeichenkette  
        const dpTSJson="trashschedule.0.type.json"                        //WICHTIG wenn "braucheEinVISWidget" auf true gesetzt !! wähle den dp der trashschedule instanz
        
        
        // Anlegen der Datenpunkte
        const createStateList = [
            {name :dpVIS, type:"string", role : "value"},
            {name :dpMaterialWidget, type:"string", role : "value"},
            {name :dpMaterialWidgetTable, type:"string", role : "value"}
        ]
        
        createStateList.forEach (function(item) {
            createState(item.name, { 
                type: item.type,
                min: 0,
                def: 0,
                role: item.role
            });
        });
        
        

        Noch etwas eleganter :

        // Anlegen der Datenpunkte
        const createStateList = [
            {enabled:braucheEinVISWidget, name :dpVIS, type:"string", role : "value"},
            {enabled:braucheMaterialDesignWidget, name :dpMaterialWidget, type:"string", role : "value"},
            {enabled:braucheMaterialDesignWidgetTable, name :dpMaterialWidgetTable, type:"string", role : "value"}
        ]
        
        createStateList.forEach (function(item) {
            if (item.enabled) {
                createState(item.name, { 
                    type: item.type,
                    min: 0,
                    def: 0,
                    role: item.role
                });
            }
        });
        
        
        
        liv-in-skyL Offline
        liv-in-skyL Offline
        liv-in-sky
        schrieb am zuletzt editiert von
        #42

        @Gargano

        danke das weiß ich

        ich würde aber mit async arbeiten

         if (!(await existsStateAsync("javascript." + instance + ".CheckRadar."+b+".StandortBlitzer"))) {
                await createStateAsync("CheckRadar."+b+".StandortBlitzer", {type: "string", name: "StandortBlitzer", role: "value", read: true, write: true, } ); }
        

        diese tabellen gibt es in x versionen -ich war bisher zu faul, das in allen vorlagen zu ändern
        https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly

        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

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

          @Gargano

          danke das weiß ich

          ich würde aber mit async arbeiten

           if (!(await existsStateAsync("javascript." + instance + ".CheckRadar."+b+".StandortBlitzer"))) {
                  await createStateAsync("CheckRadar."+b+".StandortBlitzer", {type: "string", name: "StandortBlitzer", role: "value", read: true, write: true, } ); }
          

          diese tabellen gibt es in x versionen -ich war bisher zu faul, das in allen vorlagen zu ändern
          https://forum.iobroker.net/topic/28021/html-table-für-vis-oder-iqontrol-js-und-blockly

          GarganoG Offline
          GarganoG Offline
          Gargano
          schrieb am zuletzt editiert von
          #43

          @liv-in-sky Was für einen Vorteil hat Async ?
          Die Exist-Abfrage kann man auch in meine Tabelle reinmachen, obwohl iobroker den Datenpunkt nicht doppelt einträgt,

          liv-in-skyL 1 Antwort Letzte Antwort
          0
          • GarganoG Gargano

            @liv-in-sky Was für einen Vorteil hat Async ?
            Die Exist-Abfrage kann man auch in meine Tabelle reinmachen, obwohl iobroker den Datenpunkt nicht doppelt einträgt,

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

            @Gargano

            damit verhindere ich, dass beim ersten lauf eine fehlermeldung kommt, weil das script schneller ist, als der datnpunkt beim ersten lauf angelegt wird

            verlangt aber einen anderen aufbau der scripte

            ein beispiel dafür habe ich hier - es gibt aber leute im forum , die sich damit besser auskennen

            https://forum.iobroker.net/post/512330

            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

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

              @Gargano

              damit verhindere ich, dass beim ersten lauf eine fehlermeldung kommt, weil das script schneller ist, als der datnpunkt beim ersten lauf angelegt wird

              verlangt aber einen anderen aufbau der scripte

              ein beispiel dafür habe ich hier - es gibt aber leute im forum , die sich damit besser auskennen

              https://forum.iobroker.net/post/512330

              GarganoG Offline
              GarganoG Offline
              Gargano
              schrieb am zuletzt editiert von
              #45

              @liv-in-sky Danke, hab auch schon etwas gelesen.

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

                @Gargano

                damit verhindere ich, dass beim ersten lauf eine fehlermeldung kommt, weil das script schneller ist, als der datnpunkt beim ersten lauf angelegt wird

                verlangt aber einen anderen aufbau der scripte

                ein beispiel dafür habe ich hier - es gibt aber leute im forum , die sich damit besser auskennen

                https://forum.iobroker.net/post/512330

                GarganoG Offline
                GarganoG Offline
                Gargano
                schrieb am zuletzt editiert von
                #46

                @liv-in-sky Wenn ich dies

                await setStateAsync("hm-rpc.2.002A5A49A6D845.3.COMBINED_PARAMETER",Zeile); 
                

                einfüge kommt ein eine Compilermeldung

                javascript.0 (11447) script.js.Anzeige.Anzeige_Temp compile failed: at script.js.Anzeige.Anzeige_Temp:13

                npm ist version 6.14.4

                ohne await wird es ohne Fehler compiliert.

                Was ist da falsch ?

                liv-in-skyL 1 Antwort Letzte Antwort
                0
                • GarganoG Gargano

                  @liv-in-sky Wenn ich dies

                  await setStateAsync("hm-rpc.2.002A5A49A6D845.3.COMBINED_PARAMETER",Zeile); 
                  

                  einfüge kommt ein eine Compilermeldung

                  javascript.0 (11447) script.js.Anzeige.Anzeige_Temp compile failed: at script.js.Anzeige.Anzeige_Temp:13

                  npm ist version 6.14.4

                  ohne await wird es ohne Fehler compiliert.

                  Was ist da falsch ?

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

                  @Gargano hast du diesen aufruf in einer async function ?

                  beispiel: doStuff ist eine async function

                  doStuff wird wiederum aufgerufen - als haupttrigger oder hauptschleife

                  async function doStuff() {
                      kurzBlitzerAnzeige=[];
                      //für einzelne Koordinaten Abfrage 
                      if (!(await existsStateAsync("javascript." + instance + ".CheckRadar.Daheim"))) {
                          await createStateAsync("CheckRadar.Daheim", myStandardMarker,{type: "string", name: "Daheim", role: "value", read: true, write: true, } ); }
                      if (!(await existsStateAsync("javascript." + instance + ".CheckRadar.MYBlitzer"))) {
                  ..............
                  
                  
                  schedule( mySchedule, function () { 
                  doStuff();
                  });
                  
                  

                  mir wurde hier https://forum.iobroker.net/post/510033 noch etwas erklärt

                  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

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

                    @Gargano hast du diesen aufruf in einer async function ?

                    beispiel: doStuff ist eine async function

                    doStuff wird wiederum aufgerufen - als haupttrigger oder hauptschleife

                    async function doStuff() {
                        kurzBlitzerAnzeige=[];
                        //für einzelne Koordinaten Abfrage 
                        if (!(await existsStateAsync("javascript." + instance + ".CheckRadar.Daheim"))) {
                            await createStateAsync("CheckRadar.Daheim", myStandardMarker,{type: "string", name: "Daheim", role: "value", read: true, write: true, } ); }
                        if (!(await existsStateAsync("javascript." + instance + ".CheckRadar.MYBlitzer"))) {
                    ..............
                    
                    
                    schedule( mySchedule, function () { 
                    doStuff();
                    });
                    
                    

                    mir wurde hier https://forum.iobroker.net/post/510033 noch etwas erklärt

                    GarganoG Offline
                    GarganoG Offline
                    Gargano
                    schrieb am zuletzt editiert von
                    #48

                    @liv-in-sky Danke, das war es. Ich hatte das im Hauptprogramm ohne async function.

                    Ich wollte ausprobieren, ob ich dann mehrere setStateAync hintereinander setzen kann.

                    Danke für die schnelle und kompetente Antwort.

                    1 Antwort Letzte Antwort
                    0
                    • F Offline
                      F Offline
                      FuXXz2
                      schrieb am zuletzt editiert von
                      #49

                      Hi zusammen,

                      mir ist aufgefallen, dass die Tabellen keine Transparenten Farbwerte nehmen. Mache ich da etwas falsch oder klappt das nicht?
                      Also
                      rgba(255,255,255,0.2) und #fffff00 funktionieren nicht.

                      liv-in-skyL 1 Antwort Letzte Antwort
                      0
                      • F FuXXz2

                        Hi zusammen,

                        mir ist aufgefallen, dass die Tabellen keine Transparenten Farbwerte nehmen. Mache ich da etwas falsch oder klappt das nicht?
                        Also
                        rgba(255,255,255,0.2) und #fffff00 funktionieren nicht.

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

                        @FuXXz2

                        nein sowas geht nicht

                        aber:

                        "red" oder "lightblue"
                        "#FE1345"   6 stellige
                        "transparent"
                        

                        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

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

                          @FuXXz2

                          nein sowas geht nicht

                          aber:

                          "red" oder "lightblue"
                          "#FE1345"   6 stellige
                          "transparent"
                          
                          F Offline
                          F Offline
                          FuXXz2
                          schrieb am zuletzt editiert von FuXXz2
                          #51

                          @liv-in-sky
                          Ich habe alle Farbwerte auf #ffffff oder transparent aber dann bekommt das tr Element die "dezente" Farbe #0000e0 :face_with_head_bandage: . Weiß nicht woher die kommt.
                          d7b00754-9101-49e9-91b0-650a4909ffa3-image.png

                          liv-in-skyL 1 Antwort Letzte Antwort
                          0
                          • F FuXXz2

                            @liv-in-sky
                            Ich habe alle Farbwerte auf #ffffff oder transparent aber dann bekommt das tr Element die "dezente" Farbe #0000e0 :face_with_head_bandage: . Weiß nicht woher die kommt.
                            d7b00754-9101-49e9-91b0-650a4909ffa3-image.png

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

                            @FuXXz2 vis oder iqontrol ?

                            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

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

                              @FuXXz2 vis oder iqontrol ?

                              F Offline
                              F Offline
                              FuXXz2
                              schrieb am zuletzt editiert von
                              #53

                              @liv-in-sky iqontrol, aber als BACKGROUND_HTML
                              Ich kann es halt auf weiß stellen, aber auch nicht soo schön.

                              Screenshot 2020-11-12 170930.jpg

                              liv-in-skyL 2 Antworten Letzte Antwort
                              0
                              • F FuXXz2

                                @liv-in-sky iqontrol, aber als BACKGROUND_HTML
                                Ich kann es halt auf weiß stellen, aber auch nicht soo schön.

                                Screenshot 2020-11-12 170930.jpg

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

                                @FuXXz2

                                ich muss ganz ehrlih zugeben, die iqontrol sache war nur nebenbei

                                aber poste mal dein setting, damit ich das bei mir teste ( also alles bist unter die html settings) - was hättest du den gerne für einen hintergrund in der tabelle - und poste bitte auch das setting in iqontrol - habe da noch nie einen hintergrund bestimmt - sonst muss ich das suchen

                                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
                                • F FuXXz2

                                  @liv-in-sky iqontrol, aber als BACKGROUND_HTML
                                  Ich kann es halt auf weiß stellen, aber auch nicht soo schön.

                                  Screenshot 2020-11-12 170930.jpg

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

                                  @FuXXz2

                                  also ich bin da garnicht mehr up-to-date -ist bei mir nur eine zweitanzeige

                                  besser bekomme ich es nicht hin

                                  Image 10.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

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

                                    @FuXXz2

                                    also ich bin da garnicht mehr up-to-date -ist bei mir nur eine zweitanzeige

                                    besser bekomme ich es nicht hin

                                    Image 10.png

                                    F Offline
                                    F Offline
                                    FuXXz2
                                    schrieb am zuletzt editiert von FuXXz2
                                    #56

                                    @liv-in-sky
                                    Ok, danke für die Hilfe.
                                    Ich habe jetzt an allen Stellen, die Sinn machen, transparent eingetragen.
                                    Jetzt kann mans nehmen :) Nur der graue Border geht noch nicht

                                    //ÜBERSCHRIFT ÜBER TABELLE
                                    let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                    let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                    const htmlFeldUeber='Trash Schedule';              // Überschrift und Signature
                                    const htmlFarbUber="white";                         // Farbe der Überschrift
                                    const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
                                    const htmlÜberFontGroesse="18px";                       // schriftgröße überschrift
                                    //MEHRERE TABELLEN NEBENEINANDER
                                    let   mehrfachTabelle=1;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
                                    const trennungsLinie="2";                             //extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
                                    const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
                                    const htmlFarbTableColorUber="white";               // Überschrift in der tabelle - der einzelnen Spalten BDBDBD
                                    //ÜBERSCHRIFT SPALTEN
                                    const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
                                    const LinieUnterUeberschrift="2";                   // Linie nur unter Spaltenüberschrift - 
                                    const farbetrennungsLinie="transparent";
                                    const farbeLinieUnterUeberschrift="white";
                                    const groesseUeberschrift=16;
                                    const UeberschriftStyle="normal"                     // möglich "bold"
                                    //GANZE TABELLE
                                    let abstandZelle="1";
                                    let farbeUngeradeZeilen="transparent"//"#1C1C1C";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                    let farbeGeradeZeilen="transparent"//"black";                        //Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                    let weite="auto";                                     //Weite der Tabelle
                                    let zentriert=true;                                   //ganze tabelle zentriert
                                    const backgroundAll="#000000";                        //Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
                                    const htmlSchriftart="Ubuntu-Regular"     //"Jura-DemiBold"   //"RobotoCondensed-Bold"   //"Helvetica";
                                    const htmlSchriftgroesse="16px";
                                    //FELDER UND RAHMEN
                                    let   UeberschriftSpalten=false;                // ein- oder ausblenden der spatlen-überschriften
                                    const htmlFarbFelderschrift="#000000";                  // SchriftFarbe der Felder
                                    const htmlFarbFelderschrift2="#000000";                 // SchriftFarbe der Felder für jede 2te Tabelle
                                    const htmlFarbTableColorGradient1="transparent";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
                                    const htmlFarbTableColorGradient2="transparent";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
                                    const htmlFarbTableBorderColor="transparent";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
                                    let htmlRahmenLinien="cols";                            // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"
                                    const htmlSpalte1Weite="auto";                   //  Weite der ersten beiden  Spalten oder z.b. 115px
                                     
                                    

                                    Screenshot 2020-11-12 183208.jpg

                                    liv-in-skyL 2 Antworten Letzte Antwort
                                    0
                                    • F FuXXz2

                                      @liv-in-sky
                                      Ok, danke für die Hilfe.
                                      Ich habe jetzt an allen Stellen, die Sinn machen, transparent eingetragen.
                                      Jetzt kann mans nehmen :) Nur der graue Border geht noch nicht

                                      //ÜBERSCHRIFT ÜBER TABELLE
                                      let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                      let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                      const htmlFeldUeber='Trash Schedule';              // Überschrift und Signature
                                      const htmlFarbUber="white";                         // Farbe der Überschrift
                                      const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
                                      const htmlÜberFontGroesse="18px";                       // schriftgröße überschrift
                                      //MEHRERE TABELLEN NEBENEINANDER
                                      let   mehrfachTabelle=1;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
                                      const trennungsLinie="2";                             //extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
                                      const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
                                      const htmlFarbTableColorUber="white";               // Überschrift in der tabelle - der einzelnen Spalten BDBDBD
                                      //ÜBERSCHRIFT SPALTEN
                                      const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
                                      const LinieUnterUeberschrift="2";                   // Linie nur unter Spaltenüberschrift - 
                                      const farbetrennungsLinie="transparent";
                                      const farbeLinieUnterUeberschrift="white";
                                      const groesseUeberschrift=16;
                                      const UeberschriftStyle="normal"                     // möglich "bold"
                                      //GANZE TABELLE
                                      let abstandZelle="1";
                                      let farbeUngeradeZeilen="transparent"//"#1C1C1C";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                      let farbeGeradeZeilen="transparent"//"black";                        //Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                      let weite="auto";                                     //Weite der Tabelle
                                      let zentriert=true;                                   //ganze tabelle zentriert
                                      const backgroundAll="#000000";                        //Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
                                      const htmlSchriftart="Ubuntu-Regular"     //"Jura-DemiBold"   //"RobotoCondensed-Bold"   //"Helvetica";
                                      const htmlSchriftgroesse="16px";
                                      //FELDER UND RAHMEN
                                      let   UeberschriftSpalten=false;                // ein- oder ausblenden der spatlen-überschriften
                                      const htmlFarbFelderschrift="#000000";                  // SchriftFarbe der Felder
                                      const htmlFarbFelderschrift2="#000000";                 // SchriftFarbe der Felder für jede 2te Tabelle
                                      const htmlFarbTableColorGradient1="transparent";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
                                      const htmlFarbTableColorGradient2="transparent";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
                                      const htmlFarbTableBorderColor="transparent";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
                                      let htmlRahmenLinien="cols";                            // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"
                                      const htmlSpalte1Weite="auto";                   //  Weite der ersten beiden  Spalten oder z.b. 115px
                                       
                                      

                                      Screenshot 2020-11-12 183208.jpg

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

                                      @FuXXz2

                                      nimm mal die schriftart raus bzw in leer ändern ""

                                      const htmlSchriftart=""
                                      

                                      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

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

                                        @FuXXz2

                                        nimm mal die schriftart raus bzw in leer ändern ""

                                        const htmlSchriftart=""
                                        
                                        F Offline
                                        F Offline
                                        FuXXz2
                                        schrieb am zuletzt editiert von
                                        #58

                                        @liv-in-sky
                                        ne, die Rahmen bleiben. Keine Ahnung woher er sich den holt
                                        Screenshot 2020-11-12 183930.jpg

                                        liv-in-skyL 2 Antworten Letzte Antwort
                                        0
                                        • F FuXXz2

                                          @liv-in-sky
                                          Ok, danke für die Hilfe.
                                          Ich habe jetzt an allen Stellen, die Sinn machen, transparent eingetragen.
                                          Jetzt kann mans nehmen :) Nur der graue Border geht noch nicht

                                          //ÜBERSCHRIFT ÜBER TABELLE
                                          let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
                                          let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
                                          const htmlFeldUeber='Trash Schedule';              // Überschrift und Signature
                                          const htmlFarbUber="white";                         // Farbe der Überschrift
                                          const htmlSchriftWeite="normal";                       // bold, normal - Fettschrift für Überschrift
                                          const htmlÜberFontGroesse="18px";                       // schriftgröße überschrift
                                          //MEHRERE TABELLEN NEBENEINANDER
                                          let   mehrfachTabelle=1;                              // bis zu 4 Tabellen werden nebeneinander geschrieben-  verkürzt das Ganze, dafür etwas breiter - MÖGLICH 1,2,3,oder 4 !!!
                                          const trennungsLinie="2";                             //extra trennungslinie bei mehrfachtabellen - evtl auf 0 stellen, wnn htmlRahmenLinien auf none sind
                                          const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
                                          const htmlFarbTableColorUber="white";               // Überschrift in der tabelle - der einzelnen Spalten BDBDBD
                                          //ÜBERSCHRIFT SPALTEN
                                          const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
                                          const LinieUnterUeberschrift="2";                   // Linie nur unter Spaltenüberschrift - 
                                          const farbetrennungsLinie="transparent";
                                          const farbeLinieUnterUeberschrift="white";
                                          const groesseUeberschrift=16;
                                          const UeberschriftStyle="normal"                     // möglich "bold"
                                          //GANZE TABELLE
                                          let abstandZelle="1";
                                          let farbeUngeradeZeilen="transparent"//"#1C1C1C";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                          let farbeGeradeZeilen="transparent"//"black";                        //Farbe für gerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
                                          let weite="auto";                                     //Weite der Tabelle
                                          let zentriert=true;                                   //ganze tabelle zentriert
                                          const backgroundAll="#000000";                        //Hintergrund für die ganze Seite - für direkten aufruf oder iqontrol sichtber - keine auswirkung auf vis-widget
                                          const htmlSchriftart="Ubuntu-Regular"     //"Jura-DemiBold"   //"RobotoCondensed-Bold"   //"Helvetica";
                                          const htmlSchriftgroesse="16px";
                                          //FELDER UND RAHMEN
                                          let   UeberschriftSpalten=false;                // ein- oder ausblenden der spatlen-überschriften
                                          const htmlFarbFelderschrift="#000000";                  // SchriftFarbe der Felder
                                          const htmlFarbFelderschrift2="#000000";                 // SchriftFarbe der Felder für jede 2te Tabelle
                                          const htmlFarbTableColorGradient1="transparent";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
                                          const htmlFarbTableColorGradient2="transparent";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
                                          const htmlFarbTableBorderColor="transparent";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
                                          let htmlRahmenLinien="cols";                            // Format für Rahmen: MÖGLICH: "none" oder "all" oder "cols" oder "rows"
                                          const htmlSpalte1Weite="auto";                   //  Weite der ersten beiden  Spalten oder z.b. 115px
                                           
                                          

                                          Screenshot 2020-11-12 183208.jpg

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

                                          @FuXXz2 und falls dich die leerzeichen ärgern - geht auch weg

                                          Image 11.png

                                          dazu muss du diesen ganzen block austauschen:

                                           function tabelleBind(){
                                                //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 4 Felder definiert, braucht man hier 4 Werte 
                                              
                                                  switch (mehrfachTabelle) {  
                                                   case 1:  if(counter%2==0){  htmlOut=htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>"; break;} else
                                                                            {  htmlOut=htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>"; break;}
                                                   case 2: if(counter%4==0){ 
                                                            if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                               ";\"align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                         else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} break;
                                                               }else{
                                                            if(counter%2==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                               ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                         else {htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} break;}                  
                                                   case 3:  if(counter%2==0)   {
                                                             if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                                   ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                         else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                                   ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                                                          else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>";}
                                                                                    } break;}else{
                                                             if(counter%3==0 )  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                                   ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                         else { if(counter%3==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+
                                                                                                   ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                                                          else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td align="+Feld4lAlign+">"+val3+"</td></tr>";}
                                                                                    } break;}
                                          
                                                   case 4:  if(counter%8==0)   {
                                                            if(counter%4==0)  {htmlOut = htmlOut+"<tr bgcolor=\""+farbeGeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                             else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                                                          else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td align="+Feld3lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ "color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} 
                                                                                                            else    {htmlOut  = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld4lAlign+">"+val3+"</td>";}}
                                                                                    } break;}else{
                                                            if(counter%4==0)   {htmlOut = htmlOut+"<tr bgcolor=\""+farbeUngeradeZeilen+"\"><td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";\" align="+Feld4lAlign+">"+val3+"</td>"; } 
                                                                             else {if(counter%4==1 )  { htmlOut = htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+" style=\"border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+ ";color:"+htmlFarbFelderschrift2+"\">"+val3+"</td>";} 
                                                                                          else    {if(counter%4==3)  { htmlOut= htmlOut+"<td align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val0+"</td><td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val1+"</td><td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\">"+val2+"</td><td  align="+Feld4lAlign+"  color:"+htmlFarbFelderschrift2+"\">"+val3+"</td></tr>";} 
                                                                                                            else    {htmlOut = htmlOut+"<td align="+Feld1lAlign+">"+val0+"</td><td align="+Feld2lAlign+">"+val1+"</td><td align="+Feld3lAlign+">"+val2+"</td><td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\"align="+Feld4lAlign+">"+val3+"</td>";}}
                                                                                    } break;     }                   
                                          
                                                } //switch ende
                                          
                                           }
                                          

                                          Image 12.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

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


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          354

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          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