Skip to content
  • 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
  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.1k

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

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

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

    @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 🤕 . 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 🤕 . 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
                                        • F FuXXz2

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

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

                                          @FuXXz2 du willst alle rahmen weghaben?

                                          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
                                          Antworten
                                          • In einem neuen Thema antworten
                                          Anmelden zum Antworten
                                          • Älteste zuerst
                                          • Neuste zuerst
                                          • Meiste Stimmen


                                          Support us

                                          ioBroker
                                          Community Adapters
                                          Donate

                                          426

                                          Online

                                          32.4k

                                          Benutzer

                                          81.4k

                                          Themen

                                          1.3m

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

                                          • Du hast noch kein Konto? Registrieren

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