<?xml version="1.0" encoding="UTF-8"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:atom="http://www.w3.org/2005/Atom" version="2.0"><channel><title><![CDATA[Bundesliga Meisterschaft HTML Tabelle]]></title><description><![CDATA[<p dir="auto">Bundesliga über openliga adapter</p>
<p dir="auto">die daten kommen von hier: <a href="https://forum.iobroker.net/topic/29506/test-adapter-openligadb-v0-0-x">https://forum.iobroker.net/topic/29506/test-adapter-openligadb-v0-0-x</a></p>
<p dir="auto">wie versprochen - hier mal eine erster entwurf - für <strong>iqontrol</strong> oder auch <strong>vis</strong> über standard html-widget</p>
<ul>
<li>viele farben (hintegrund, schift) anpassbar</li>
<li>bitte datenpunkte angleichen, quelle (dpData) ist openliga-instanz, dpVIS ist als eigener datenpunkt anzulegen und im script anzugleichen</li>
<li>für jede liga, muss ein script installiert werden</li>
<li>falls du die zeilen nicht in unterschiedlichen farben willst  - let farbeGeradeZeilen="000000" eingeben</li>
<li>automatisches triggern der scripts bei änderung des quelldatenpunktes (dpData)</li>
</ul>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">tabelle</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code> //@liv-in-sky 2020  1.7. 11:11


//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "/htmlfussball.html";                   //FIlenamen definieren
const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=false;                          // bei true wird ein file geschrieben
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let dpVIS="controll-own.0.TABELLEN.Meisterschaft"         //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let dpData="openligadb.0.bl3.2019.table";

//---------------------------------------

//HIER DIE SPALTEN ANZAHL DEFINIEREN - jede Spalte einen Wert - in diesem Beispiel sind es 5
var htmlFeld1='#';       var Feld1lAlign="center";                     // überschrift Tabellen Spalte1 und  Ausrichtung left,right or center
var htmlFeld2='Club';        var Feld2lAlign="center";                      // überschrift Tabellen Spalte2 und  Ausrichtung left,right or center
var htmlFeld3='';         var Feld3lAlign="left";                    // überschrift Tabellen Spalte3 und  Ausrichtung left,right or center
var htmlFeld4='Sp';        var Feld4lAlign="center";                    // überschrift Tabellen Spalte4 und  Ausrichtung left,right or center
var htmlFeld5='S';        var Feld5lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld6='U';        var Feld6lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld7='N';        var Feld7lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld8='Tore';        var Feld8lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center
var htmlFeld9='Punkte';        var Feld9lAlign="center";                    // überschrift Tabellen Spalte5 und  Ausrichtung left,right or center


//-----------------------------------



//hier werden die styles für die tabelle definiert
//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='Meisterschaft 2020';              // Überschrift und Signature
const htmlFarbUber="black";                         // 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 htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="white";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="40";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="0";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="white";
const groesseUeberschrift=14;
const UeberschriftStyle="bold"                     // möglich "bold"
//GANZE TABELLE
let abstandZelle="1";
let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let farbeGeradeZeilen="#1C1C1C";                        //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="Helvetica";
const htmlSchriftgroesse="14px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#FFFFFF";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#000000";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="black";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="black";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
const htmlFarbTableBorderColor="black";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                            // 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

// HIER NICHTS  ÄNDERN

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";


const htmlZentriert='&lt;center&gt;'
const htmlStart=    "&lt;!DOCTYPE html&gt;&lt;html lang=\"de\"&gt;&lt;head&gt;&lt;title&gt;Vorlage&lt;/title&gt;&lt;meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"&gt;"+
                   "&lt;style&gt; * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                   " &lt;/style&gt;&lt;/head&gt;&lt;body&gt; &lt;div&gt;";
//const htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\"&gt;"+htmlFeldUeber+"&lt;/p&gt;";                    
const htmlTabStyle= "&lt;table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                      "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\"&gt;";
const htmlTabUeber1="&lt;tr height=\""+UeberSchriftHöhe+"\"; style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \"&gt;";
const htmlTabUeber3="&lt;/tr&gt;";


//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5


var htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+
                  "&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld6lAlign+"&gt;&amp;ensp;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld7lAlign+"&gt;&amp;ensp;"+htmlFeld7+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld8lAlign+"&gt;&amp;ensp;"+htmlFeld8+
                  "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld9lAlign+"&gt;&amp;ensp;"+htmlFeld9+"&amp;ensp;&lt;/td&gt;";
var htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&amp;ensp;&gt;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&amp;ensp;&gt;"+htmlFeld6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+
                   " style=\"color:"+htmlFarbZweiteTabelle+"\"&amp;ensp;&gt;"+htmlFeld7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&amp;ensp;&gt;"+htmlFeld8+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld9lAlign+"&gt;&amp;ensp;"+htmlFeld9+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------



var htmlOut="";
var mix;
var counter;
var val1; var val2; var val0; var val3; var val4; var val5; var val6; var val7;var val8; 
var htmlTabUeber="";
function writeHTML(){



htmlOut="";

counter=-1;
htmlTabUeber="";
switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2+htmlTabUeber2+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
}; 
if (!UeberschriftSpalten) {htmlTabUeber=""}  

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2,val3,val4!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------

var myData=JSON.parse(getState(dpData).val);
//log(myData[2].TeamName); 
//log("jetzt2")
for (var index in myData ) {           // hier eigene schleife definieren
    //    var ida = id.split('.');
      //  if( !(id.includes("vis") || id.includes("devices") ||  id.includes("ssss") )){
          counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
          val2=myData[index].TeamName;
         
          val3=myData[index].Matches;
          val1="&lt;img src="+myData[index].TeamIconUrl+" height=\"24\" width=\"24\"&gt;"
          val0=(counter+1);
          val4=myData[index].Won;
            val5=myData[index].Draw;
             val6=myData[index].Lost;
              val7=myData[index].Goals+":"+myData[index].OpponentGoals;
              val8=myData[index].Points;

     tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden
    
   }; //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     
} // function ende

//MAIN:
 
//schedule(mySchedule,  function () {
    on({id: dpData, change: "any"}, function (obj) { 
  
    writeHTML();
    if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
    
     
   });
 writeHTML();

   				 function tabelleBind(){
     //HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT - hat man oben 5 Felder definiert, braucht man hier 5 Werte
   
       switch (mehrfachTabelle) {  
        case 1: if(counter%2==0)  {  htmlOut=htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;"; break;} else
                                  {  htmlOut=htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;"; break;}
        case 2: if(counter%4==0){
                if(counter%2==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                              else {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} break;
        }else{
                if(counter%2==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                              else {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} break; }                  
        
        
        case 3: if(counter%2==0)   {
                if(counter%3==0 )  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                              else { if(counter%3==1 )  { htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";}
                                         } break; }else{
                if(counter%3==0 )  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                              else { if(counter%3==1 )  { htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";}
                                         } break;}

       
       
        case 4:   if(counter%8==0)   {
               if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%2==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%2==1 &amp;&amp; counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";}}
                                         } break;}else{
               if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%2==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%2==1 &amp;&amp; counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld6lAlign+"&gt;&amp;ensp;"+val5+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld7lAlign+"&gt;&amp;ensp;"+val6+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld8lAlign+"&gt;&amp;ensp;"+val7+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld9lAlign+"&gt;&amp;ensp;"+val8+"&amp;ensp;&lt;/td&gt;";}}
                                         } break;  }                        

     } //switch ende



}

function tabelleFinish() {

      // tabelle fertigstellen
       switch (mehrfachTabelle) {  
         case 1:    break;
         case 2:    mix=Math.abs(((counter+1)%2)-mehrfachTabelle);  
                    if(mix==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');       
                    break;
         case 3:    mix =Math.abs(((counter+1)%3)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');       
                    if(mix==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');   
                    break;
         case 4:    mix=Math.abs(((counter+1)%4)-mehrfachTabelle);
                    if(mix==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');
                    if(mix==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');    
                    if(mix==3)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');      
                    break; }
     
                    var htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\"&gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/p&gt;"; 
       var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
        
        if (!htmlSignature) htmlUnter="";
          //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
           var htmlOutVIS="";
         //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;";
            if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter ;

              } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter;

                 }

// log("bin raus aus tabelleBind");
           if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );

 var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
 var htmlEnd="&lt;/table&gt;"+htmlUnter+"&lt;/div&gt;&lt;/body&gt;";
 if (!htmlSignature) htmlUnter="";

 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}



</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto"><img src="/assets/uploads/files/1593619821619-image-5.png" alt="Image 5.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">hier die spielstände</p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">Spielstande</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code> //@liv-in-sky 2020  2.7. 12:11


//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "/htmlexample.html";                   //FIlenamen definieren
const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=true;                          // bei true wird ein file geschrieben
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let dpVIS="controll-own.0.TABELLEN.MeisterschaftSpielstand"         //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let dpData="openligadb.0.bl1.2019.allmatches";  //quelle von openlig instanz
let anzahlSpiele=18;                                // Styandard ist 9 außer 3 liga da ist 10
let nextComingGames=9;                              // Styandard ist 0 
let groesseBilder=16

//---------------------------------------


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

//-----------------------------------


//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='DFB Spielstand';              // Ü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 farbetrennungsLinie="white";
const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="3";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="white";
const groesseUeberschrift=16;
const UeberschriftStyle="normal"                     // möglich "bold"
//GANZE TABELLE
let abstandZelle="0";
let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let farbeGeradeZeilen="#151515";                        //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="Helvetica";
const htmlSchriftgroesse="13px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#FFFFFF";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#D8D8D8";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="#424242";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="#424242";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
const htmlFarbTableBorderColor="grey";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                            // 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

// HIER NICHTS  ÄNDERN

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";


const htmlZentriert='&lt;center&gt;'
const htmlStart=    "&lt;!DOCTYPE html&gt;&lt;html lang=\"de\"&gt;&lt;head&gt;&lt;title&gt;Vorlage&lt;/title&gt;&lt;meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"&gt;"+
                   "&lt;style&gt; * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { vertical-align: middle; padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                   " &lt;/style&gt;&lt;/head&gt;&lt;body&gt; &lt;div&gt;";
//const htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\"&gt;"+htmlFeldUeber+"&lt;/p&gt;";                    
const htmlTabStyle= "&lt;table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                      "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\"&gt;";
const htmlTabUeber1="&lt;tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \"&gt;";
const htmlTabUeber3="&lt;/tr&gt;";


//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5

var htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
var htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------



var htmlOut="";
var mix;
var counter;
var val1; var val2; var val0; var val3; var val4;
var htmlTabUeber="";
function writeHTML(){



htmlOut="";

counter=-1;
htmlTabUeber="";
switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2+htmlTabUeber2+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
}; 
if (!UeberschriftSpalten) {htmlTabUeber=""}  

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2,val3,val4!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------
var val5help="";  var val5;
var myData=JSON.parse(getState(dpData).val);
var laengeObject=(Object.keys(myData).length)
var countMyTrues=0
 for (var index in myData ) {
          if(myData[index].MatchIsFinished==true) countMyTrues++
 }
 countMyTrues=countMyTrues+nextComingGames;
for (var index in myData ) {           // hier eigene schleife definieren
       // log(parseInt(index).toString()+" " )
       //  if(parseInt(index) &gt;=laengeObject-anzahlSpiele) {
              if(parseInt(index) &gt;=countMyTrues-anzahlSpiele &amp;&amp; parseInt(index)&lt;=countMyTrues+nextComingGames-1 ) {
          counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
//log(index)
//log(parseInt(index).toString()+" " )
          val5=myData[index].MatchDateTimeUTC;
          let date = new Date(val5);
      
          if (val5help == val5) {
          if (myData[index].MatchIsFinished==true) {
          val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
         
          val3="&lt;img src="+myData[index].Team2.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          val1="&lt;img src="+myData[index].Team1.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
         
          
         // val4="&lt;span title=\""+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()+"\"&gt;"+val4+"&lt;/span&gt;";
          val5help=val5
 
    tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden

} else {
    
       let date = new Date(val5);
       val2=formatDate(getDateObject(date), "&lt;center&gt;DD.MM.&lt;/br&gt;SS:mm") //"    "+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()
       val2="&lt;center&gt;"+formatDate(getDateObject(date), "TT.")+" "+formatDate(getDateObject(date), "O", "de")+"&lt;/br&gt;"+formatDate(getDateObject(date), "SS:mm") +"&lt;/center&gt;"
       
       val1="";val0="";val3="";val4="";
  
       tabelleBind(); counter++
       if (myData[index].MatchIsFinished==true) {
       val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
       val3="&lt;img src="+myData[index].Team2.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       val1="&lt;img src="+myData[index].Team1.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
       tabelleBind();
       val5help=val5
     


}
}
 }; //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     
} // function ende

//MAIN:
 
//schedule(mySchedule,  function () {
    on({id: dpData, change: "any"}, function (obj) { 
  
    writeHTML();
    if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
       
   });
 writeHTML();

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

        case 4:  if(counter%8==0)   {
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val4+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val3+"&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val4+"&lt;/td&gt;";}}
                                         } break;} else{
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val3+"&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val4+"&lt;/td&gt;";}}
                                         } break; }

     } //switch ende



}

function tabelleFinish() {

      // tabelle fertigstellen
switch (mehrfachTabelle) {  
       case 1:    break;

       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');
                
                  break;

       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");      
                 break; }
     
                    var htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\"&gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/p&gt;"; 
       var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
        
        if (!htmlSignature) htmlUnter="";
          //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
           var htmlOutVIS="";
         //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;";
            if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter ;

              } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter;

                 }

// log("bin raus aus tabelleBind");
           if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );

 var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
 
 if (!htmlSignature) htmlUnter="";
var htmlEnd="&lt;/table&gt;"+htmlUnter+"&lt;/div&gt;&lt;/body&gt;";
 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}



</code></pre>
<p dir="auto"></p></section></section><p></p>
<p dir="auto">tabelle der spielstände der letzten begegnungen</p>
<p dir="auto"><img src="/assets/uploads/files/1593619983729-image-6.png" alt="Image 6.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">tabelle der spielstände mit anstehenden spielen</p>
<p dir="auto"><img src="/assets/uploads/files/1593620000991-image-7.png" alt="Image 7.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">sonderheit beim spielstände script:</p>
<ul>
<li>bei variable <strong>anzahlSpiele</strong>=18 und <strong>nextComingGames</strong> ist 9 , werden die letzten 9 abgeschlossenen spiele gezeigt und die 9 nächsten anstehenden (erstes bild)</li>
<li>bei variable <strong>anzahlSpiele</strong>=9 und <strong>nextComingGames</strong> ist 0 , werden die letzten 9 abgeschlossenen spiele gezeigt - sonst nix (zweites bild)</li>
</ul>
<p dir="auto"><strong>-----------------------------------------------------------------------</strong><br />
<strong>-----------------------------------------------------------------------</strong><br />
<span style="color:#ff0000">es gibt auch eine andere lösung</span> <strong>ohne</strong> <span style="color:#ff0000">script (direktes einbinden der</span> <a href="http://bundesliga-widget.de" rel="nofollow ugc">bundesliga-widget.de</a> ): <span style="color:#ff0000">siehe:</span><br />
<a href="https://forum.iobroker.net/post/457248">https://forum.iobroker.net/post/457248</a></p>
]]></description><link>https://forum.iobroker.net/topic/29526/bundesliga-meisterschaft-html-tabelle</link><generator>RSS for Node</generator><lastBuildDate>Tue, 18 Aug 2026 06:13:12 GMT</lastBuildDate><atom:link href="https://forum.iobroker.net/topic/29526.rss" rel="self" type="application/rss+xml"/><pubDate>Wed, 29 Jan 2020 20:20:24 GMT</pubDate><ttl>60</ttl><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 15:09:21 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> Danke für deine Mühe</p>
]]></description><link>https://forum.iobroker.net/post/457638</link><guid isPermaLink="true">https://forum.iobroker.net/post/457638</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Thu, 02 Jul 2020 15:09:21 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 15:11:55 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">jetzt ist das script drin - das problem - in der 3ten liga sind es ja 20 manschaften</p>
<p dir="auto">daher müssen auch andere werte für die 3 liga genutzt werden</p>
<p dir="auto">sonderheit beim spielstände script:</p>
<ul>
<li>bei variable <strong>anzahlSpiele</strong>=<span style="color:#ff0000">20</span> und (davon) <strong>nextComingGames</strong> ist <span style="color:#ff0000">10</span> , werden die letzten 10 abgeschlossenen spiele gezeigt und die 10 nächsten anstehenden (erstes bild)</li>
<li>bei variable <strong>anzahlSpiele</strong>=10 und (davon) <strong>nextComingGames</strong> ist 0 , werden die letzten 10 abgeschlossenen spiele gezeigt - sonst nix (zweites bild)</li>
<li>du kannst auch 30 und 20 einstellen - also insgesamt den letzten spieltag und die nächsten kommenden 2 spietage</li>
</ul>
<p dir="auto"><img src="/assets/uploads/files/1593695675332-image-7.png" alt="Image 7.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/457604</link><guid isPermaLink="true">https://forum.iobroker.net/post/457604</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 02 Jul 2020 15:11:55 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 13:06:08 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> warte noch kurz - mir ist noch was aufgefallen - script im oberen post ist gerade leer</p>
]]></description><link>https://forum.iobroker.net/post/457598</link><guid isPermaLink="true">https://forum.iobroker.net/post/457598</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 02 Jul 2020 13:06:08 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 14:54:40 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">oh mann - sorry  - im moment wird mein javascript nicht immer gespeichert - dazu gibt es einen extra forumeintrag - du kannst das im setting des scriptes einstellen</p>
<p dir="auto">sonderheit beim spielstände script:</p>
<ul>
<li>bei variable <strong>anzahlSpiele</strong>=18 und (davon) <strong>nextComingGames</strong> ist 9 , werden die letzten 9 abgeschlossenen spiele gezeigt und die 9 nächsten anstehenden (erstes bild)</li>
<li>bei variable <strong>anzahlSpiele</strong>=9 und (davon) <strong>nextComingGames</strong> ist 0 , werden die letzten 9 abgeschlossenen spiele gezeigt - sonst nix (zweites bild)</li>
<li>du kannst auch 27 und 18 einstellen - also insgesamt den letzten spieltag und die nächsten kommenden 2 spietage</li>
</ul>
<p dir="auto">daher nochmal das script zum download ( hoffentlich richtig gepseichert:-) )</p>
<p dir="auto"><img src="/assets/uploads/files/1593694617178-image-6.png" alt="Image 6.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">script zum download</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>//@liv-in-sky 2020  2.7. 15:11


//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "/htmlexample.html";                   //FIlenamen definieren
const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=true;                          // bei true wird ein file geschrieben
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let dpVIS="controll-own.0.TABELLEN.MeisterschaftSpielstand"         //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let dpData="openligadb.0.bl3.2019.allmatches";  //quelle von openlig instanz
let anzahlSpiele=20;                                // Styandard ist 9 
let nextComingGames=10;                              // Styandard ist 0
let groesseBilder=16

//---------------------------------------


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

//-----------------------------------


//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='DFB Spielstand';              // Ü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 farbetrennungsLinie="white";
const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="3";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="white";
const groesseUeberschrift=16;
const UeberschriftStyle="normal"                     // möglich "bold"
//GANZE TABELLE
let abstandZelle="0";
let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let farbeGeradeZeilen="#151515";                        //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="Helvetica";
const htmlSchriftgroesse="13px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#FFFFFF";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#D8D8D8";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="#424242";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="#424242";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
const htmlFarbTableBorderColor="grey";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                            // 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

// HIER NICHTS  ÄNDERN

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";


const htmlZentriert='&lt;center&gt;'
const htmlStart=    "&lt;!DOCTYPE html&gt;&lt;html lang=\"de\"&gt;&lt;head&gt;&lt;title&gt;Vorlage&lt;/title&gt;&lt;meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"&gt;"+
                   "&lt;style&gt; * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { vertical-align: middle; padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                   " &lt;/style&gt;&lt;/head&gt;&lt;body&gt; &lt;div&gt;";
//const htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\"&gt;"+htmlFeldUeber+"&lt;/p&gt;";                    
const htmlTabStyle= "&lt;table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                      "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\"&gt;";
const htmlTabUeber1="&lt;tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \"&gt;";
const htmlTabUeber3="&lt;/tr&gt;";


//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5

var htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
var htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------



var htmlOut="";
var mix;
var counter;
var val1; var val2; var val0; var val3; var val4;
var htmlTabUeber="";
function writeHTML(){



htmlOut="";

counter=-1;
htmlTabUeber="";
switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2+htmlTabUeber2+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
}; 
if (!UeberschriftSpalten) {htmlTabUeber=""}  

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2,val3,val4!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------
var val5help="";  var val5;
var myData=JSON.parse(getState(dpData).val);
var laengeObject=(Object.keys(myData).length)
var countMyTrues=0
 for (var index in myData ) {
          if(myData[index].MatchIsFinished==true) countMyTrues++
 }
 countMyTrues=countMyTrues+nextComingGames;
for (var index in myData ) {           // hier eigene schleife definieren
       // log(parseInt(index).toString()+" " )
       //  if(parseInt(index) &gt;=laengeObject-anzahlSpiele) {
              if(parseInt(index) &gt;=countMyTrues-anzahlSpiele &amp;&amp; parseInt(index)&lt;=countMyTrues+nextComingGames-1 ) {
          counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
//log(index)
//log(parseInt(index).toString()+" " )
          val5=myData[index].MatchDateTimeUTC;
          let date = new Date(val5);
      
          if (val5help == val5) {
          if (myData[index].MatchIsFinished==true) {
          val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
         
          val3="&lt;img src="+myData[index].Team2.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          val1="&lt;img src="+myData[index].Team1.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
         
          
         // val4="&lt;span title=\""+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()+"\"&gt;"+val4+"&lt;/span&gt;";
          val5help=val5
 
    tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden

} else {
    
       let date = new Date(val5);
       val2=formatDate(getDateObject(date), "&lt;center&gt;DD.MM.&lt;/br&gt;SS:mm") //"    "+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()
       val2="&lt;center&gt;"+formatDate(getDateObject(date), "TT.")+" "+formatDate(getDateObject(date), "O", "de")+"&lt;/br&gt;"+formatDate(getDateObject(date), "SS:mm") +"&lt;/center&gt;"
       
       val1="";val0="";val3="";val4="";
  
       tabelleBind(); counter++
       if (myData[index].MatchIsFinished==true) {
       val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
       val3="&lt;img src="+myData[index].Team2.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       val1="&lt;img src="+myData[index].Team1.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
       tabelleBind();
       val5help=val5
     


}
}
 }; //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     
} // function ende

//MAIN:
 
//schedule(mySchedule,  function () {
    on({id: dpData, change: "any"}, function (obj) { 
  
    writeHTML();
    if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
       
   });
 writeHTML();

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

        case 4:  if(counter%8==0)   {
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val4+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val3+"&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val4+"&lt;/td&gt;";}}
                                         } break;} else{
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val3+"&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val0+"&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val2+"&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val3+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;"+val4+"&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td vertical-align=middle align="+Feld1lAlign+" &gt;"+val0+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld2lAlign+"&gt;"+val1+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld3lAlign+"&gt;"+val2+"&lt;/td&gt;&lt;td vertical-align=middle align="+Feld4lAlign+"&gt;"+val3+"&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;"+val4+"&lt;/td&gt;";}}
                                         } break; }

     } //switch ende



}

function tabelleFinish() {

      // tabelle fertigstellen
switch (mehrfachTabelle) {  
       case 1:    break;

       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');
                
                  break;

       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");      
                 break; }
     
                    var htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\"&gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/p&gt;"; 
       var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
        
        if (!htmlSignature) htmlUnter="";
          //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
           var htmlOutVIS="";
         //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;";
            if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter ;

              } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter;

                 }

// log("bin raus aus tabelleBind");
           if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );

 var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
 
 if (!htmlSignature) htmlUnter="";
var htmlEnd="&lt;/table&gt;"+htmlUnter+"&lt;/div&gt;&lt;/body&gt;";
 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}



</code></pre>
<p dir="auto"></p></section></section><p></p>
]]></description><link>https://forum.iobroker.net/post/457597</link><guid isPermaLink="true">https://forum.iobroker.net/post/457597</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 02 Jul 2020 14:54:40 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 12:20:19 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> said in <a href="/post/457553">Bundesliga Meisterschaft HTML Tabelle</a>:</p>
<blockquote></blockquote>
<p dir="auto">So ist es richtig (denn jetzt ist Braunschweig auch aufgestiegen in die 2. Bundesliga) aber nur der letzte Spieltag sprich von gestern. Wann kommen denn die Ansetzungen für den letzten Spieltag am Samstag?</p>
]]></description><link>https://forum.iobroker.net/post/457589</link><guid isPermaLink="true">https://forum.iobroker.net/post/457589</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Thu, 02 Jul 2020 12:20:19 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 10:22:55 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">ok - sorry - sind die halbzeitstände</p>
<p dir="auto">ich habe mal hier ein script, indem ich versucht habe, alles so klein wie möglich zu machen - würdest du dies bitte nochmal testen - ich hoffe, es paßt auf den handy-screen</p>
<p dir="auto">falls die schrift zu klein ist, kannst du dies hier ändern - in iqontrol habe ich die <strong>weite</strong> 330 eingestellt</p>
<p dir="auto"><img src="/assets/uploads/files/1593684098639-image-3.png" alt="Image 3.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"><img src="/assets/uploads/files/1593685362845-image-4.png" alt="Image 4.png" class=" img-fluid img-markdown" /></p>
<p dir="auto"></p><section class="spoiler-wrapper"><button class="spoiler-control btn btn-default">script zum testen</button><section style="display:none" class="spoiler-content"><p></p>
<pre><code>//@liv-in-sky 2020  1.7. 18:11


//HIER WIRD PFAD UND FILENAME DEFINIERT
const path = "/htmlexample.html";                   //FIlenamen definieren
const home ='vis.0'                                 //wo soll das file im iobroker-file-system liegen ? (oder z.b auch iqontrol.meta)
let   braucheEinFile=true;                          // bei true wird ein file geschrieben
let   braucheEinVISWidget=true;                     // bei true wird ein html-tabelle in einen dp geschrieben - siehe nächste zeile
let dpVIS="controll-own.0.TABELLEN.MeisterschaftSpielstand"         //WICHTIG wenn braucheEinVISWidget auf true gesetzt !!  dp zusätzlich für VIS-HTML-Basic-Widget
let dpData="openligadb.0.bl3.2019.allmatches";  //quelle von openlig instanz
let anzahlSpiele=9;                                // Styandard ist 9 
let nextComingGames=0;                              // Styandard ist 0
let groesseBilder=16

//---------------------------------------


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

//-----------------------------------


//ÜBERSCHRIFT ÜBER TABELLE
let   htmlUberschrift=false;                           // mit Überschrift über der tabelle
let   htmlSignature=false;                              // anstatt der Überscghrift eine signature: - kleiner - anliegend
const htmlFeldUeber='DFB Spielstand';              // Ü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 farbetrennungsLinie="white";
const htmlFarbZweiteTabelle="white";                // Farbe der Überschrift bei jeder 2.ten Tabelle
const htmlFarbTableColorUber="#BDBDBD";               // Überschrift in der tabelle - der einzelnen Spalten
//ÜBERSCHRIFT SPALTEN
const UeberSchriftHöhe="35";                          //Überschrift bekommt mehr Raum - darunter und darüber - Zellenhöhe
const LinieUnterUeberschrift="3";                   // Linie nur unter Spaltenüberschrift - 
const farbeLinieUnterUeberschrift="white";
const groesseUeberschrift=16;
const UeberschriftStyle="normal"                     // möglich "bold"
//GANZE TABELLE
let abstandZelle="0";
let farbeUngeradeZeilen="#000000";                     //Farbe für ungerade Zeilenanzahl - Hintergrund der Spaltenüberschrift bleibt bei htmlFarbTableColorGradient1/2
let farbeGeradeZeilen="#151515";                        //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="Helvetica";
const htmlSchriftgroesse="13px";
//FELDER UND RAHMEN
let   UeberschriftSpalten=true;                // ein- oder ausblenden der spatlen-überschriften
const htmlFarbFelderschrift="#FFFFFF";                  // SchriftFarbe der Felder
const htmlFarbFelderschrift2="#D8D8D8";                 // SchriftFarbe der Felder für jede 2te Tabelle
const htmlFarbTableColorGradient1="#424242";          //  Gradient - Hintergrund der Tabelle - Verlauffarbe
const htmlFarbTableColorGradient2="#424242";          //  Gradient - Hintergrund der Tabelle - ist dieser Wert gleich Gradient1 gibt es keinen verlauf
const htmlFarbTableBorderColor="grey";             // Farbe des Rahmen - is tdieser gleich den gradienten, sind die rahmen unsichtbar
let htmlRahmenLinien="none";                            // 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

// HIER NICHTS  ÄNDERN

let borderHelpBottum;
let borderHelpRight;
let htmlcenterHelp;
let htmlcenterHelp2;

if(htmlRahmenLinien=="rows") {borderHelpBottum=1;borderHelpRight=0;}
if(htmlRahmenLinien=="cols") {borderHelpBottum=0;borderHelpRight=1;}
if(htmlRahmenLinien=="none") {borderHelpBottum=0;borderHelpRight=0;}
if(htmlRahmenLinien=="all")  {borderHelpBottum=1;borderHelpRight=1;}
zentriert ? htmlcenterHelp="auto" : htmlcenterHelp="left";
zentriert ? htmlcenterHelp2="center" : htmlcenterHelp2="left";


const htmlZentriert='&lt;center&gt;'
const htmlStart=    "&lt;!DOCTYPE html&gt;&lt;html lang=\"de\"&gt;&lt;head&gt;&lt;title&gt;Vorlage&lt;/title&gt;&lt;meta http-equiv=\"content-type\" content=\"text/html; charset=utf-8\"&gt;"+
                   "&lt;style&gt; * {  margin: 0;} body {background-color: "+backgroundAll+"; margin: 0 auto;  }"+
                   " p {padding-top: 10px; padding-bottom: 10px; text-align: "+htmlcenterHelp2+"}"+
                  // " div { margin: 0 auto;  margin-left: auto; margin-right: auto;}"+
                   " td { vertical-align: middle; padding:"+abstandZelle+"px; border:0px solid "+htmlFarbTableBorderColor+";  border-right:"+borderHelpRight+"px solid "+htmlFarbTableBorderColor+";border-bottom:"+borderHelpBottum+"px solid "+htmlFarbTableBorderColor+";}"+ 
                   " table { width: "+weite+";  margin: 0 "+htmlcenterHelp+"; border:1px solid "+htmlFarbTableBorderColor+"; border-spacing=\""+abstandZelle+"0px\" ; }"+   // margin macht center
                   "td:nth-child(1) {width: "+htmlSpalte1Weite+"}"+"td:nth-child(2) {width:"+htmlSpalte1Weite+"}"+
                   " &lt;/style&gt;&lt;/head&gt;&lt;body&gt; &lt;div&gt;";
//const htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-weight: bold\"&gt;"+htmlFeldUeber+"&lt;/p&gt;";                    
const htmlTabStyle= "&lt;table bordercolor=\""+htmlFarbTableBorderColor+"\" border=\"2px\" cellspacing=\""+abstandZelle+"\" cellpadding=\""+abstandZelle+"\" width=\""+weite+"\" rules=\""+htmlRahmenLinien+"\" style=\"color:"+htmlFarbFelderschrift+";  font-size:"+htmlSchriftgroesse+
                      "; font-family:"+htmlSchriftart+";background-image: linear-gradient(42deg,"+htmlFarbTableColorGradient2+","+htmlFarbTableColorGradient1+");\"&gt;";
const htmlTabUeber1="&lt;tr height=\""+UeberSchriftHöhe+"\" style=\"color:"+htmlFarbTableColorUber+"; font-size: "+groesseUeberschrift+"px; font-weight: "+UeberschriftStyle+" ;  border-bottom: "+LinieUnterUeberschrift+"px solid "+farbeLinieUnterUeberschrift+" \"&gt;";
const htmlTabUeber3="&lt;/tr&gt;";


//NICHTS ÄNDERN - abhängig von den oben definierten _Spalten - in diesem Beispiel sind es 5

var htmlTabUeber2="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+"&gt;&amp;ensp;"+htmlFeld2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+htmlFeld4+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld5lAlign+"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
var htmlTabUeber2_1="&lt;td width="+htmlSpalte1Weite+" align="+Feld1lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld1+"&amp;ensp;&lt;/td&gt;&lt;td width="+htmlSpalte1Weite+" align="+Feld2lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+
                   "&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld3+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld4+
                   "&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbZweiteTabelle+"\"&gt;&amp;ensp;"+htmlFeld5+"&amp;ensp;&lt;/td&gt;";
                       //------------------------------------------------------



var htmlOut="";
var mix;
var counter;
var val1; var val2; var val0; var val3; var val4;
var htmlTabUeber="";
function writeHTML(){



htmlOut="";

counter=-1;
htmlTabUeber="";
switch (mehrfachTabelle) { 
   case 1: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber3;  break;
   case 2: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
   case 3: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2+htmlTabUeber2+htmlTabUeber3; break;
   case 4: htmlTabUeber=htmlTabUeber1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber2+htmlTabUeber2_1+htmlTabUeber3; break;
}; 
if (!UeberschriftSpalten) {htmlTabUeber=""}  

//--------------------------------------------------------------------------------------------------------------------------------------------------
//---------hier kommt eure schleife rein counter++, tabelleBind() und tabelleFinish() müssen so integriert bleiben !!!------------------------------
//---------alle valx werte müssen von euch bestimmt werden - val0,val1,val2,val3,val4!!!------------------------------------------------------------
//--------------------------------------------------------------------------------------------------------------------------------------------------
var val5help="";  var val5;
var myData=JSON.parse(getState(dpData).val);
var laengeObject=(Object.keys(myData).length)
var countMyTrues=0
 for (var index in myData ) {
          if(myData[index].MatchIsFinished==true) countMyTrues++
 }
 countMyTrues=countMyTrues+nextComingGames;
for (var index in myData ) {           // hier eigene schleife definieren
    
       //  if(parseInt(index) &gt;=laengeObject-anzahlSpiele) {
              if(parseInt(index) &gt;=countMyTrues-anzahlSpiele &amp;&amp; parseInt(index)&lt;=countMyTrues-1 ) {
          counter++;                                       // SEHR WICHTIG - MUSS IN JEDER SCHLEIFE INTEGRIERT SEIN
//log(index)
          val5=myData[index].MatchDateTimeUTC;
          let date = new Date(val5);
      
          if (val5help == val5) {
          if (myData[index].MatchIsFinished==true) {
          val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
         
          val3="&lt;img src="+myData[index].Team2.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          val1="&lt;img src="+myData[index].Team1.TeamIconUrl+" height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
          if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
         
          
         // val4="&lt;span title=\""+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()+"\"&gt;"+val4+"&lt;/span&gt;";
          val5help=val5
 
    tabelleBind(); //HIER NICHTS ÄNDERN : HIER WERDEN DIE DATEN DER SCHLEIFE ZUSAMMENGESETZT  - diese function muss als letztes in der eigenen schleife aufgerufen werden

} else {
    
       let date = new Date(val5);
       log(formatDate(getDateObject(date), "O", "de"))
       val2=formatDate(getDateObject(date), "&lt;center&gt;DD.MM.&lt;/br&gt;SS:mm&lt;/center&gt;") //"    "+date.getDay()+'.' + date.getMonth() + '.'+date.getFullYear()+"   "+date.getHours()+":"+date.getMinutes()
      // val2="&lt;center&gt;"+formatDate(getDateObject(date), "O", "de")+"&lt;/center&gt;"
       val1="";val0="";val3="";val4="";
  
       tabelleBind(); counter++
       if (myData[index].MatchIsFinished==true) {
       val2="&lt;b&gt;"+myData[index].MatchResults[1].PointsTeam1+" : "+myData[index].MatchResults[1].PointsTeam2+"&lt;/b&gt;";}else {val2=" - "}
       val3="&lt;img src="+myData[index].Team2.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       val1="&lt;img src="+myData[index].Team1.TeamIconUrl+"height=\""+groesseBilder+"\" width=\""+groesseBilder+"\"&gt;"
       if(myData[index].Team1.ShortName!="") {val0=myData[index].Team1.ShortName;} else{val0=myData[index].Team1.TeamName;}
          if(myData[index].Team2.ShortName!="") {val4=myData[index].Team2.ShortName;} else{val4=myData[index].Team2.TeamName;}
       tabelleBind();
       val5help=val5
     


}
}
 }; //Schleifen Ende - je nach schleifenart muss hier etwas geändert werden !!!!!!!!!

//-------------------------------------------------------------------------------------------------------------------------------------------------
//--------------------------------------------------Ende der schleife------------------------------------------------------------------------------
//-------------------------------------------------------------------------------------------------------------------------------------------------

      tabelleFinish(); // AB HIER NICHTS ÄNDERN - tabelle fertigstellen
     
} // function ende

//MAIN:
 
//schedule(mySchedule,  function () {
    on({id: dpData, change: "any"}, function (obj) { 
  
    writeHTML();
    if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
       
   });
 writeHTML();

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

        case 4:  if(counter%8==0)   {
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeGeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;";}}
                                         } break;} else{
                 if(counter%4==0)  {htmlOut = htmlOut+"&lt;tr bgcolor=\""+farbeUngeradeZeilen+"\"&gt;&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;"; } 
                                  else {if(counter%4==1 )  { htmlOut = htmlOut+"&lt;td  align="+Feld1lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"; color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;";} 
                                               else    {if(counter%4==3)  { htmlOut= htmlOut+"&lt;td align="+Feld1lAlign+"  style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld2lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td  align="+Feld4lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld5lAlign+" style=\"color:"+htmlFarbFelderschrift2+"\"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;&lt;/tr&gt;";} 
                                                                 else    {htmlOut = htmlOut+"&lt;td align="+Feld1lAlign+" &gt;&amp;ensp;"+val0+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld2lAlign+"&gt;&amp;ensp;"+val1+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld3lAlign+"&gt;&amp;ensp;"+val2+"&amp;ensp;&lt;/td&gt;&lt;td align="+Feld4lAlign+"&gt;&amp;ensp;"+val3+"&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+";\" align="+Feld5lAlign+"&gt;&amp;ensp;"+val4+"&amp;ensp;&lt;/td&gt;";}}
                                         } break; }

     } //switch ende



}

function tabelleFinish() {

      // tabelle fertigstellen
switch (mehrfachTabelle) {  
       case 1:    break;

       case 2:    
                  if(counter%2==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, '&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;');
                
                  break;

       case 3:   if(counter%3==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%3==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");        
                 if(counter%3==0)      htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td  style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
               
                  break;
       case 4:   if(counter%4==3)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==2)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");
                 if(counter%4==1)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");    
                 if(counter%4==0)  htmlOut = htmlOut.replace(/&lt;\/td&gt;$/, "&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td style=\" border-right: "+trennungsLinie+"px solid "+farbetrennungsLinie+"\"&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;td&gt;&amp;ensp;&lt;/td&gt;&lt;/tr&gt;");      
                 break; }
     
                    var htmlUeber=    "&lt;p style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: "+htmlÜberFontGroesse+"; font-weight:"+htmlSchriftWeite+ "\"&gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/p&gt;"; 
       var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 70%; text-align: right;\" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
        
        if (!htmlSignature) htmlUnter="";
          //Ausgabe über VIS html widget - tabelle in datenpunkt schreiben - html tabelle ohne html header und body
           var htmlOutVIS="";
         //  htmlUberschrift ? htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;" : htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;";
            if (htmlUberschrift) 
                { zentriert ? htmlOutVIS=htmlZentriert+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter : htmlOutVIS=htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter ;

              } else {
               zentriert ?  htmlOutVIS=htmlZentriert+htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter :  htmlOutVIS=htmlTabStyle+htmlTabUeber+htmlOut+"&lt;/table&gt;"+htmlUnter;

                 }

// log("bin raus aus tabelleBind");
           if (braucheEinVISWidget) setState(dpVIS, htmlOutVIS );

 var htmlUnter= "&lt;div  style=\"color:"+htmlFarbUber+"; font-family:"+htmlSchriftart+"; font-size: 80%;  text-align: center; \" &gt;"+htmlFeldUeber+"&amp;ensp;&amp;ensp;Last Update: "+formatDate(getDateObject((parseFloat((new Date().getTime())))), "SS:mm:ss");+"&lt;/div&gt;"
 
 if (!htmlSignature) htmlUnter="";
var htmlEnd="&lt;/table&gt;"+htmlUnter+"&lt;/div&gt;&lt;/body&gt;";
 //mit oder ohne überschrift - zentriert oder links
htmlUberschrift ? htmlOut=htmlStart+htmlUeber+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd : htmlOut=htmlStart+htmlTabStyle+htmlTabUeber+htmlOut+htmlEnd;
 //log(htmlOut);
 


}



</code></pre>
<p dir="auto"></p></section></section><p></p>
]]></description><link>https://forum.iobroker.net/post/457553</link><guid isPermaLink="true">https://forum.iobroker.net/post/457553</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Thu, 02 Jul 2020 10:22:55 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Thu, 02 Jul 2020 09:33:12 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> ich habe das heute Morgen gemacht aber die Spielstände stimmen nicht.<br />
<img src="/assets/uploads/files/1593680901745-576e42dd-81fe-42e4-a085-a34af97d2de1-grafik.png" alt="576e42dd-81fe-42e4-a085-a34af97d2de1-grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Die Tabelle ist richtig</p>
]]></description><link>https://forum.iobroker.net/post/457537</link><guid isPermaLink="true">https://forum.iobroker.net/post/457537</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Thu, 02 Jul 2020 09:33:12 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 16:33:07 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/blackeagle998" aria-label="Profile: blackeagle998">@<bdi>blackeagle998</bdi></a> sagte in <a href="/post/457248">Bundesliga Meisterschaft HTML Tabelle</a>:</p>
<blockquote>
<p dir="auto">Dazu habe ich eine HTML Datei erstellt. Diese wird in einer Popup Kachel als URL aufgerufen, HTML-Code dazu (Hinweis: ich habe keine Ahnung von HTML, Verbesserungen/Anmerkungen sind gerne erwünscht):</p>
</blockquote>
<p dir="auto">Ich habe es mal als HTML (nicht als URL) eingefügt, geht auch.</p>
<p dir="auto"><img src="/assets/uploads/files/1593621173358-screenshot_20200701-183114_chrome.jpg" alt="Screenshot_20200701-183114_Chrome.jpg" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/457333</link><guid isPermaLink="true">https://forum.iobroker.net/post/457333</guid><dc:creator><![CDATA[dslraser]]></dc:creator><pubDate>Wed, 01 Jul 2020 16:33:07 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 16:18:36 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> habe mir mittlerweile den adapter geholt - sorry fürdie arbeit</p>
<p dir="auto">das ganze ist echt etwas "verzwickt", da in der auflistung spiele stehen, die noch nicht waren - ich hoffte immer, das die letzten 9 einträge, die letzten spiele wären</p>
<p dir="auto">habe aber eine neue version im ersten post und diesmal mit der 3. liga geteset</p>
<p dir="auto">bitte teste auch mal</p>
<p dir="auto">sonderheit:</p>
<p dir="auto">es gibt dort 2 parameter zum einstellen</p>
<p dir="auto"><img src="/assets/uploads/files/1593620181733-image-8.png" alt="Image 8.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">bei anzahlSpiele=18 und nextComingGames ist 9 , werden die letzten 9 abgeschlossenen spiele gezeigt und die 9 nächsten anstehenden</p>
<p dir="auto">bbei anzahlSpiele=9 und nextComingGames ist 0 , werden die letzten 9 abgeschlossenen spiele gezeigt - sonst nix</p>
]]></description><link>https://forum.iobroker.net/post/457332</link><guid isPermaLink="true">https://forum.iobroker.net/post/457332</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 16:18:36 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 16:13:37 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> said in <a href="/post/457279">Bundesliga Meisterschaft HTML Tabelle</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">kannst du mir mal bitte eine datei hier einstellen, mit dem inhalt des datenpunktes für die 3. liga - dann  check ich das mal</p>
</blockquote>
<p dir="auto"><a href="/assets/uploads/files/1593619816709-3.liga.txt">3. Liga.txt</a><br />
Das von der 3. Liga dasselbe was wir gestern mit der 1. und 2. gemacht haben.<br />
<img src="/assets/uploads/files/1593619981191-a3a6fa10-766c-40b0-b87c-2a394f558e76-grafik.png" alt="a3a6fa10-766c-40b0-b87c-2a394f558e76-grafik.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">openligadb.0.bl3.2019.allmatches</p>
]]></description><link>https://forum.iobroker.net/post/457331</link><guid isPermaLink="true">https://forum.iobroker.net/post/457331</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 16:13:37 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 13:24:11 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">kannst du mir mal bitte eine datei hier einstellen, mit dem inhalt des datenpunktes für die 3. liga - dann  check ich das mal</p>
]]></description><link>https://forum.iobroker.net/post/457279</link><guid isPermaLink="true">https://forum.iobroker.net/post/457279</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 13:24:11 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 13:01:50 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/blackeagle998" aria-label="Profile: blackeagle998">@<bdi>blackeagle998</bdi></a></p>
<p dir="auto">habe es im ersten post erwähnt</p>
]]></description><link>https://forum.iobroker.net/post/457278</link><guid isPermaLink="true">https://forum.iobroker.net/post/457278</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 13:01:50 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 11:46:18 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> said in <a href="/post/457211">Bundesliga Meisterschaft HTML Tabelle</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/dslraser" aria-label="Profile: dslraser">@<bdi>dslraser</bdi></a></p>
<p dir="auto">habe hier ein script für den spielstand - getriggert wird auf änderung des quellen-datenpunktes - also schedule nicht mehr notwendig</p>
<p dir="auto">wird genau so eingerichtet wie das hauptscript<br />
mit der variable <strong>anzahlSpiele</strong>, können auch mehrere wochenenden angezeigt werden - bei 18 werden 2 wochen angezeigt - standard ist 9</p>
<p dir="auto"><img src="/assets/uploads/files/1593594922591-image-3.png" alt="Image 3.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">script zum import:<br />
siehe ersten post :<a href="https://forum.iobroker.net/post/367377">https://forum.iobroker.net/post/367377</a></p>
</blockquote>
<ol>
<li>und 2. Bundesliga gehen aber nicht die 3. Liga. Ich weiß nicht, ob es damit zusammen hängt, dass die noch nicht fertig sind und noch 2 Spiele haben und deswegen etwas anderes eingetragen werden muss?<br />
Das Script wird beim starten auch nicht grün, sondern nur gelb</li>
</ol>
]]></description><link>https://forum.iobroker.net/post/457258</link><guid isPermaLink="true">https://forum.iobroker.net/post/457258</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 11:46:18 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 11:28:28 GMT]]></title><description><![CDATA[<p dir="auto">Ich habe mal die Bundesliga Widgets "aktueller Spieltag" und "Tabelle" untereinander gepackt, sieht dann so aus:<br />
<img src="/assets/uploads/files/1593601216660-55aa1684-9348-4e0f-8fe4-2413647df20e-image.png" alt="55aa1684-9348-4e0f-8fe4-2413647df20e-image.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Dazu habe ich eine HTML Datei erstellt. Diese wird in einer Popup Kachel als URL aufgerufen, HTML-Code dazu (Hinweis: ich habe keine Ahnung von HTML, Verbesserungen/Anmerkungen sind gerne erwünscht):</p>
<pre><code>&lt;!doctype html&gt;
&lt;html&gt;
 &lt;body bgcolor="black"&gt;
  &lt;div id="fblwidget_simple" style="border:2px outset black;background-color:white"&gt;&lt;/div&gt;
   &lt;script src="//bundesliga-widgets.de/js/simple.js"
          type="text/javascript"&gt;&lt;/script&gt;
  &lt;div id="fblwidget_table" style="border:2px outset black;background-color:white"&gt;&lt;/div&gt;
   &lt;script src="//bundesliga-widgets.de/js/table.js"
          type="text/javascript"&gt;&lt;/script&gt;
 &lt;/body&gt;
&lt;/html&gt;
</code></pre>
<p dir="auto"><strong>Wichtig:</strong><br />
Ich benutze nicht die Aufbereitungs-Skripte, sondern die Widgets direkt von der Webseite <a href="http://bundesliga-widgets.de" rel="nofollow ugc">bundesliga-widgets.de</a>.</p>
]]></description><link>https://forum.iobroker.net/post/457248</link><guid isPermaLink="true">https://forum.iobroker.net/post/457248</guid><dc:creator><![CDATA[blackeagle998]]></dc:creator><pubDate>Wed, 01 Jul 2020 11:28:28 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 10:58:06 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> bist du online?</p>
]]></description><link>https://forum.iobroker.net/post/457245</link><guid isPermaLink="true">https://forum.iobroker.net/post/457245</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 10:58:06 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 09:23:26 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/dslraser" aria-label="Profile: dslraser">@<bdi>dslraser</bdi></a></p>
<p dir="auto">habe hier ein script für den spielstand - getriggert wird auf änderung des quellen-datenpunktes - also schedule nicht mehr notwendig</p>
<p dir="auto">wird genau so eingerichtet wie das hauptscript<br />
mit der variable <strong>anzahlSpiele</strong>, können auch mehrere wochenenden angezeigt werden - bei 18 werden 2 wochen angezeigt - standard ist 9</p>
<p dir="auto"><img src="/assets/uploads/files/1593594922591-image-3.png" alt="Image 3.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">script zum import:<br />
siehe ersten post :<a href="https://forum.iobroker.net/post/367377">https://forum.iobroker.net/post/367377</a></p>
]]></description><link>https://forum.iobroker.net/post/457211</link><guid isPermaLink="true">https://forum.iobroker.net/post/457211</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 09:23:26 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 09:00:53 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">habe es so gemacht:</p>
<p dir="auto"><img src="/assets/uploads/files/1593594017928-image-2.png" alt="Image 2.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">hier zum kopieren</p>
<pre><code> //MAIN:
  
 //schedule(mySchedule,  function () {
     on({id: dpData, change: "any"}, function (obj) { 
   
     writeHTML();
     if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
     
      
    });
  writeHTML();
</code></pre>
]]></description><link>https://forum.iobroker.net/post/457206</link><guid isPermaLink="true">https://forum.iobroker.net/post/457206</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 09:00:53 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 08:31:13 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/dslraser" aria-label="Profile: dslraser">@<bdi>dslraser</bdi></a> said in <a href="/post/457043">FussballMeisterschat HTML Tabelle</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">die Aktualisierung der Daten ist im Adapter einstellbar.<br />
<img src="/assets/uploads/files/1593537804822-bildschirmfoto-2020-06-30-um-19.22.12.png" alt="Bildschirmfoto 2020-06-30 um 19.22.12.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Ich habe mal das scheudele mit einem Trigger ersetzt, wenn sich in der Tabelle was ändert. (ich habe mal manuell den Datenpunkt beschreibbar gemacht und einen Wert geändert, der eigene DP aktualisiert dann, funktioniert also)</p>
<p dir="auto"><img src="/assets/uploads/files/1593537922794-bildschirmfoto-2020-06-30-um-19.21.57.png" alt="Bildschirmfoto 2020-06-30 um 19.21.57.png" class=" img-fluid img-markdown" /></p>
<pre><code>//MAIN:
//schedule(mySchedule,  function () {
 writeHTML();
on({id: 'openligadb.0.bl1.2019.table', change: "ne"}, function (obj) {
if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
var value = obj.state.val;var oldValue = obj.oldState.val;}); 
//}); 

</code></pre>
</blockquote>
<p dir="auto">ich meinte bei diesem?</p>
]]></description><link>https://forum.iobroker.net/post/457197</link><guid isPermaLink="true">https://forum.iobroker.net/post/457197</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 08:31:13 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 08:30:14 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> sorry war falsch - muss ich noch anschauen - habe was verwechselt</p>
]]></description><link>https://forum.iobroker.net/post/457196</link><guid isPermaLink="true">https://forum.iobroker.net/post/457196</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 08:30:14 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 08:30:26 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> <s>nur die eine zeile ändern - sonst nix</s></p>
]]></description><link>https://forum.iobroker.net/post/457195</link><guid isPermaLink="true">https://forum.iobroker.net/post/457195</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 08:30:26 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 08:28:08 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> so ist gut! Eine Frage noch kurz zur Aktualisierung des Scripts.<br />
Heißt es das ich es ab Zeile 164  einfügen soll und was jetzt danach von 164 bis 172 ist löschen oder sehe ich das falsch</p>
]]></description><link>https://forum.iobroker.net/post/457194</link><guid isPermaLink="true">https://forum.iobroker.net/post/457194</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 08:28:08 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 08:21:08 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a> das dachte ich mir schon</p>
<p dir="auto">ungefähr so :</p>
<p dir="auto"><img src="/assets/uploads/files/1593591660277-image-1.png" alt="Image 1.png" class=" img-fluid img-markdown" /></p>
]]></description><link>https://forum.iobroker.net/post/457192</link><guid isPermaLink="true">https://forum.iobroker.net/post/457192</guid><dc:creator><![CDATA[liv-in-sky]]></dc:creator><pubDate>Wed, 01 Jul 2020 08:21:08 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Wed, 01 Jul 2020 04:56:04 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> said in <a href="/post/457033">FussballMeisterschat HTML Tabelle</a>:</p>
<blockquote>
<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">so wie hier nur als extra spalte - damit's besser aussieht</p>
<p dir="auto"><img src="/assets/uploads/files/1593536202338-image-5.png" alt="Image 5.png" class=" img-fluid img-markdown" /></p>
</blockquote>
<p dir="auto">Wenn ich ehrlich bin würde ich wenn es machbar wäre, es so machen das Datum und Uhrzeit mittig und darunter die Spielansetzung.<br />
z.B.  5.7.2019 20.30 Darunter dann das Spiel Bayern Hertha. Nächste Reihe 6.7.2019 15.30 und darunter die 7 Spielansetzungen usw.<br />
Ich denke, das ist übersichtlicher.</p>
]]></description><link>https://forum.iobroker.net/post/457162</link><guid isPermaLink="true">https://forum.iobroker.net/post/457162</guid><dc:creator><![CDATA[biker1602]]></dc:creator><pubDate>Wed, 01 Jul 2020 04:56:04 GMT</pubDate></item><item><title><![CDATA[Reply to Bundesliga Meisterschaft HTML Tabelle on Tue, 30 Jun 2020 17:25:44 GMT]]></title><description><![CDATA[<p dir="auto"><a class="plugin-mentions-user plugin-mentions-a" href="/user/liv-in-sky" aria-label="Profile: liv-in-sky">@<bdi>liv-in-sky</bdi></a> <a class="plugin-mentions-user plugin-mentions-a" href="/user/biker1602" aria-label="Profile: biker1602">@<bdi>biker1602</bdi></a></p>
<p dir="auto">die Aktualisierung der Daten ist im Adapter einstellbar.<br />
<img src="/assets/uploads/files/1593537804822-bildschirmfoto-2020-06-30-um-19.22.12.png" alt="Bildschirmfoto 2020-06-30 um 19.22.12.png" class=" img-fluid img-markdown" /></p>
<p dir="auto">Ich habe mal das scheudele mit einem Trigger ersetzt, wenn sich in der Tabelle was ändert. (ich habe mal manuell den Datenpunkt beschreibbar gemacht und einen Wert geändert, der eigene DP aktualisiert dann, funktioniert also)</p>
<p dir="auto"><img src="/assets/uploads/files/1593537922794-bildschirmfoto-2020-06-30-um-19.21.57.png" alt="Bildschirmfoto 2020-06-30 um 19.21.57.png" class=" img-fluid img-markdown" /></p>
<pre><code>//MAIN:
//schedule(mySchedule,  function () {
 writeHTML();
on({id: 'openligadb.0.bl1.2019.table', change: "ne"}, function (obj) {
if (braucheEinFile) {writeFile(home, path ,htmlOut, function (error) { /* log('file written');*/  });}
var value = obj.state.val;var oldValue = obj.oldState.val;}); 
//}); 

</code></pre>
]]></description><link>https://forum.iobroker.net/post/457043</link><guid isPermaLink="true">https://forum.iobroker.net/post/457043</guid><dc:creator><![CDATA[dslraser]]></dc:creator><pubDate>Tue, 30 Jun 2020 17:25:44 GMT</pubDate></item></channel></rss>