Navigation

    Logo
    • Register
    • Login
    • Search
    • Recent
    • Tags
    • Unread
    • Categories
    • Unreplied
    • Popular
    • GitHub
    • Docu
    • Hilfe
    1. Home
    2. Deutsch
    3. Skripten / Logik
    4. JavaScript
    5. DSB - Abrage

    NEWS

    • Neuer Blog: Fotos und Eindrücke aus Solingen

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

    • ioBroker goes Matter ... Matter Adapter in Stable

    DSB - Abrage

    This topic has been deleted. Only users with topic management privileges can see it.
    • B
      Brunoz last edited by

      Hallo a200,

      erstmal herzlichen Dank für die ganze Arbeit.

      Funktioniert soweit, das das Script - Daten (html) in einen Datenpunkt einträgt. Leider zeigt mir der Datenpunkt folgendes an:

      HTMLAusgabe.jpg

      Aber, anzeigen sollte es:

      Vertretung18heute.jpg

      Für den morgigen Tag, 19.02.2019 sind laut der App wirklich noch keine Vertretungen hinterlegt.

      Kann man den Code auch so umschreiben, das er die Daten für beide Tage abholt? (Heute und morgen)

      Den HTML Code würde ich dir per Chat zusenden.

      Gruß und nochmals vielen Dank für die Hilfe.
      Claudio

      1 Reply Last reply Reply Quote 0
      • a200
        a200 last edited by

        ja, ich werde das so abändern, dass beide Tage abgeholt werden. Heute Abende schicke ich dir eine neue Version.

        1 Reply Last reply Reply Quote 0
        • a200
          a200 last edited by

          Hier die neue Version

          var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
          var UserName = ["XXX", "XXX"];
          var Passwort = ["YYY", "YYY"];
          var KindKL = ["06C", "06B"];
          var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1", "javascript.0.VIS.DSBMmobile-tmp.Kind2"];
          var Tage = ["heute", "morgen"];
          var debug = true;
           
          var Loginreq;
          var MyToken;
          var ausgabe;
          var retArr = [];
          var tmpArr = [];
          var scharf;
          var inhalt;
          var anzahl;
          var TTreq;
           
          for( var i = 0; i<KindTT.length; i++) {
              Tage.forEach(function(element) {
                  if (!getObject(KindTT[i] + "." + element + ".Timetable")) {
                      createState(KindTT[i] + "." + element + ".Timetable", "", {
                          "desc": "TimeTable",
                          "name": "TimeTable fuer Kind " + i,
                          "type": "string",
                          "role": "html"
                      });
                  }
                  if (!getObject(KindTT[i] + "." + element + ".vis")) {
                      createState(KindTT[i] + "." + element + ".vis", "", {
                          "desc": "TimeTable",
                          "name": "TimeTable fuer Kind " + i,
                          "type": "string",
                          "role": "html"
                      });
                  }
                  if (!getObject(KindTT[i] + "." + element + ".Events")) {
                      createState(KindTT[i] + "." + element + ".Events", 0, {
                          "desc": "TimeTable",
                          "name": "TimeTable fuer Kind " + i,
                          "type": "number",
                      });
                  }
                  if (!getObject(KindTT[i] + "." + element + ".Time")) {
                      createState(KindTT[i] + "." + element + ".Time", "", {
                          "desc": "TimeTable",
                          "name": "TimeTable fuer Kind " + i,
                          "type": "string",
                          "role": "html"
                      });
                  }
              });
          }
           
          var request = require('request');
          
          var ttype = [];
          var url2 = [];
          var Tage2 = [];
          var k, eintraege;
          
          Tage2 = [].concat(Tage);
          
          function getData(Kind) {
              request(url2[k], function (error, response, body) {
                  if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
              	if (!error && response.statusCode == 200) {
              	    if(debug) log("Schreibe nach: " + KindTT[Kind] + "." + Tage2[0] + ".Timetable");
              	    setState(KindTT[Kind] + "." + Tage2[0] + ".Timetable", body, true, function() {
              			//CreateVP(Kind);
              		});    
              	}
              	Tage2.shift();
                  k++;
                  if(k < eintraege) getData(Kind);
             });
          }
          
          function GetTT(Kind) {
              url2=[];
              ttype=[];
          	Loginreq = BaseUrl + "/authid/" + UserName[Kind] + "/" + Passwort[Kind];
          	request(Loginreq, function (error, response, body) {
          		if(debug) log("Error 1: " + error + "\nCode 1: " + response.statusCode);
          		if (!error && response.statusCode == 200) {
          			TTreq = BaseUrl + "/timetables/" + body.replace(/\"/g, "");
          			request(TTreq, function (error, response, body) {
          				if(debug) log("Error 2: " + error + "\nCode 2: " + response.statusCode);
          				if (!error && response.statusCode == 200) {
          					body = JSON.parse(body);
          					eintraege = body.length;
          					for(var i=0; i<eintraege; i++) {
          					    ttype.push(body[i].ishtml);
          					    url2.push(body[i].timetableurl);
          					    setState(KindTT[Kind] + "." + Tage[i] + ".Time", body[0].timetabledate);
          					}
          					log(JSON.stringify(body, null, 4));
          					k = 0;
          					getData(Kind);
          				}
          			});
          		}
          	});
          }
           
          GetTT(0);
           
          

          Jetzt müssten zwei DP (heute und morgen) angelegt und gefüllt werden. Wenn das funktioniert, dann müssen wir nur die nicht benötigten Klassen entfernen.

          1 Reply Last reply Reply Quote 0
          • B
            Brunoz last edited by Brunoz

            Hallo a200,

            hier wäre der HTML-Code für den morgigen Tag:

            <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>  <head>    <title>HeinekingMedia Vertretungsplan - Classic</title>    <style type="text/css">      html, body { font-family:  Arial; }      .head { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .TeacherHead { background-color: #FFFFFF; color: #000000; font-weight: normal; }      .TeacherHead td { border-top: 2px solid #000000; border-bottom: 1px solid #000000; }      .SubTypeHead { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .def { background-color: #dedede; color: #000000; }      .alt { background-color: #b1f073; color: #000000; }      .new.def { background-color: #FFE97F; color: #000000; }      .new.alt { background-color: #FF75EC; color: #000000; }      table { width: 100%; margin-top: 5px; background-color: black; }      td { padding-left: 4px; padding-right: 4px; }      .additionInfoTable { width: 100%; border: 1px solid black; padding: 0; margin: 0; }      .additionInfoTable th { background: #000000; color: #FFFFFF; font-weight: bold; }      .additionInfoTable td { background: white; color: black; border-bottom: 0px solid black; font-weight: normal; }      .headTable { background: white; width: 100%; border: 0px; padding: 0; margin: 0; }      .headTable td { background: white; color: black; font-weight: bold; text-align: right; border: 0;}      h2 { font-size: 0.8em; margin:0; text-align: right; }      h1 { font-size: 2em;margin-bottom:5px; }      td.teacherNew { font-weight: bold; }      td.teacherOld { opacity: .40; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)" }      span.hilite { font-weight: bold; text-decoration:underline; }      .NoSubstitutes { text-align: center; border: 0; }    </style>    <link rel="stylesheet" type="text/css" href="8f1de2b3-789f-487d-bf0d-8af71b991eda.css">    <script language="javascript">    </script>  </head>  <body>    <table class="headTable">    <tr><td>Letzte Änderung: 19.02.2019 16:25</td></tr>    </table><center><h1>20.02.2019, Mittwoch</h1></center><table class="additionInfoTable"><tr><th colspan="2">Nachrichten zum Tag</th></tr><tr><td colspan="2">Am 21.2.entfällt der Nachmittagsunterricht!<br/>VER8 Deutsch 2. und 3. Stunde!</td></tr><tr><td>Betroffene Klassen</td><td>5B, 5C, 6B, 7A, 7B, 7C, 8A, 8C, 8D, 9C</td></tr></table><table cellspacing="1"><tr class="head"><td>Klasse</td><td>Stunde</td><td>Fach</td><td>Fach alt</td><td>Raum</td><td>Art</td></tr><tr class="def"><td>5B</td><td>1</td><td></td><td>M</td><td></td><td>Ausfall</td></tr><tr class="alt"><td>5C</td><td>2</td><td></td><td>D</td><td>007</td><td>Vertretung</td></tr><tr class="def"><td>6B</td><td>3</td><td></td><td>D</td><td>127</td><td>Vertretung</td></tr><tr class="alt"><td>7A, 7B, 7C</td><td>1</td><td></td><td>SPW</td><td>TH2</td><td>Vertretung</td></tr><tr class="def"><td>7A, 7B, 7C</td><td>2</td><td></td><td>SPW</td><td>TH3</td><td>Vertretung</td></tr><tr class="alt"><td>8A</td><td>2-3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="def"><td>8C</td><td>3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="alt"><td>8D</td><td>3</td><td>D</td><td></td><td></td><td>Zusatz</td></tr><tr class="def"><td>9C</td><td>3</td><td></td><td>D</td><td>204</td><td>Vertretung</td></tr></table></body></html>
            
            a200 1 Reply Last reply Reply Quote 0
            • a200
              a200 @Brunoz last edited by

              @Brunoz sagte

              Ich schau mal wann ich dazu komme. hat die Abfrage mit heute und morgen geklappt? Wurden die Datenpunkte gefüllt?

              1 Reply Last reply Reply Quote 0
              • B
                Brunoz last edited by

                Hallo a200,

                kein Streß! Bin ja Gottfroh das Sie mir helfen.

                Bei den Events Datenpunkten steht bei beiden Tagen eine 0 und im Time-Datenpunkt der Tag und die Uhrzeit.
                Der Timetable Datenpunkt ist mit dem HTML-Code gefüllt.
                Nur der vis Datenpunkt ist leer.

                Eines würde mich dann noch interessieren - wie bzw. wann werden die Daten abgeholt?
                Wie wird das getriggert?

                Gruß und 1000 Dank
                Claudio

                a200 1 Reply Last reply Reply Quote 0
                • a200
                  a200 @Brunoz last edited by

                  @Brunoz

                  Die html-Struktur ist recht einfach. Heute Abend schicke ich dir den Filter. Dann soll in dem vis Datenpunkt der html-Code für die Tabelle mit Einträgen für die Klasse, die du auswählst. Einträge anderen Klassen werden ausgeblendet.

                  Der Abruf der Daten wird über cron gemacht und wird für dich frei konfigurierbar sein.

                  Also bis heute Abend.

                  1 Reply Last reply Reply Quote 0
                  • a200
                    a200 last edited by a200

                    @Brunoz

                    erstelle jetzt ein neues Skript. Beide Skripte laufen parallel. Als klasse kannst du die Klasse deiner Kinder eingeben. Alle andere Einträge sollten ausgeblendet werden.

                    var klasse = "8A";
                    var myArrayA;
                    var myArrayB;
                    var mystra;
                    var bid;
                    
                    const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
                         on({id: id, change: "ne"}, function (obj) {
                            myArrayA = [];
                            myArrayB = [];
                    
                            mystra = getState(id).val;
                            mystra = mystra.replace(/<table/gi, "\n<table");
                            mystra = mystra.replace(/<tr/gi, "\n<tr");
                            mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
                            mystra = mystra.replace(/<\/table/gi, "\n<\/table");
                            myArrayA = mystra.split("\n");
                    
                            myArrayA.forEach(function (element) {
                                if(element.startsWith("<table") || element.startsWith("<tr")) {
                                    myArrayB.push(element);
                                }
                            });
                    
                            myArrayA = [];
                            scharf = true;
                            myArrayB.forEach(function (element) {
                                if(element.startsWith("<tr class=\"head\">")) {
                                    scharf = false;
                                    myArrayA.push(element);
                                } else {
                                    if(scharf || element.includes(klasse) || element.includes("<\/table") ) myArrayA.push(element);
                                }
                            });
                       
                            mystra = "";
                            myArrayA.forEach(function (element) {
                                mystra += element + "\n";
                            });
                    
                            bid = id.replace(/\.Timetable/gi, "\.vis");
                            setState(bid, mystra);
                         });
                    });
                     
                    

                    Dieses Skript überwacht die Datenpunkte ".Timetable" und erstellt die neue Version in ".vis".
                    Wenn du dann testen willst, dann lösche den Inhalt des ".Timetable" und führe Skript 1 aus. .Timetable sollte gefüllt werden und dann springt Skript 2 an.

                    Wenn das funktioniert, (ich musste es blind programmieren) dann kümmern wir uns die regelmäßige Aufrufe.

                    1 Reply Last reply Reply Quote 0
                    • B
                      Brunoz last edited by

                      Die Übernahme in den Datenpunkt VIS hat funktioniert!

                      Wie binde ich das in meine VIS ein?

                      a200 2 Replies Last reply Reply Quote 0
                      • a200
                        a200 @Brunoz last edited by a200

                        @Brunoz sagte in DSB - Abrage:

                        Die Übernahme in den Datenpunkt VIS hat funktioniert!

                        Wie binde ich das in meine VIS ein?

                        Erstelle ein HTML-Objekt. Als Inhalt kannst du den Datenpunkt in {} setzen.

                        also z.B.

                        {javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
                        <table>
                        <tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Time}</td></tr> 
                        <tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr> 
                        </table>
                        
                        {javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
                        <table>
                        <tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Time}</td></tr> 
                        <tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr> 
                        </table>
                        
                        

                        die Schriftart, -farbe, -größe kannst du im VIS konfigurieren.
                        versuche das mal und wir schauen ob wir noch was optimieren können.

                        Alternativ kann du dieses widget importieren und anpassen:

                        [{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"30000","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}<table><tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Time}</td></tr><tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr></table>{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}<table><tr><td>Stand:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Time}</td></tr><tr><td>Abruf:</td><td>{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis.ts;date(DD.MM.YYYY hh:mm)}</td></tr></table>","class":"vertretungsplan"},"style":{"left":"26px","top":"203px","background-color":"#222","border-radius":"15px","box-shadow":"10px 10px 12px -3px rgba(0,0,0,0.75)","width":"1010px","height":"789px","color":"#ffffff","font-family":"RobotoCondensed-Regular","font-size":"21px","padding-left":"","padding-right":"","line-height":"","padding":"15px","z-index":"1","overflow-y":"scroll","margin-left":"","overflow-x":"","border-width":"2px","border-style":"solid","border-color":"#777"},"widgetSet":"basic"}]
                        

                        1 Reply Last reply Reply Quote 0
                        • a200
                          a200 @Brunoz last edited by a200

                          @Brunoz UPDATE

                          script 1:

                          var cron1 = "14,29,44,59 * * * *";  // Alle 15 Min
                          var cron2 = "13,28,43,58 * * * *";  // Alle 15 Min
                          var cron3 = "3,8,13,18,23,28,33,38,43,48,53,58 7 * * *"; 		// von 7:00 - 7:58 Alle 5 Min
                          var cron4 = "4,9,14,19,24,29,34,39,44,49,54,59 6,7 * * *";		// von 6:00 - 7:59 Alle 5 Min
                          
                          var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
                          var UserName = ["XXX", "XXX"];
                          var Passwort = ["YYY", "YYY"];
                          var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1", "javascript.0.VIS.DSBMmobile-tmp.Kind2"];
                          var Tage = ["heute", "morgen"];
                          var debug = true;
                           
                          var Loginreq;
                          var MyToken;
                          var ausgabe;
                          var retArr = [];
                          var tmpArr = [];
                          var scharf;
                          var inhalt;
                          var anzahl;
                          var TTreq;
                           
                          for( var i = 0; i<KindTT.length; i++) {
                              Tage.forEach(function(element) {
                                  if (!getObject(KindTT[i] + "." + element + ".Timetable")) {
                                      createState(KindTT[i] + "." + element + ".Timetable", "", {
                                          "desc": "TimeTable",
                                          "name": "TimeTable fuer Kind " + i,
                                          "type": "string",
                                          "role": "html"
                                      });
                                  }
                                  if (!getObject(KindTT[i] + "." + element + ".vis")) {
                                      createState(KindTT[i] + "." + element + ".vis", "", {
                                          "desc": "TimeTable",
                                          "name": "TimeTable fuer Kind " + i,
                                          "type": "string",
                                          "role": "html"
                                      });
                                  }
                                  if (!getObject(KindTT[i] + "." + element + ".Events")) {
                                      createState(KindTT[i] + "." + element + ".Events", 0, {
                                          "desc": "TimeTable",
                                          "name": "TimeTable fuer Kind " + i,
                                          "type": "number",
                                      });
                                  }
                                  if (!getObject(KindTT[i] + "." + element + ".Time")) {
                                      createState(KindTT[i] + "." + element + ".Time", "", {
                                          "desc": "TimeTable",
                                          "name": "TimeTable fuer Kind " + i,
                                          "type": "string",
                                          "role": "html"
                                      });
                                  }
                              });
                          }
                           
                          var request = require('request');
                           
                          var ttype = [];
                          var url2 = [];
                          var Tage2 = [];
                          var k, eintraege;
                           
                          Tage2 = [].concat(Tage);
                           
                          function getData(Kind) {
                              request(url2[k], function (error, response, body) {
                                  if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
                              	if (!error && response.statusCode == 200) {
                              	    if(debug) log("Schreibe nach: " + KindTT[Kind] + "." + Tage2[0] + ".Timetable");
                              	    setState(KindTT[Kind] + "." + Tage2[0] + ".Timetable", body, true, function() {
                              			//CreateVP(Kind);
                               		});    
                               	}
                               	Tage2.shift();
                                   k++;
                                   if(k < eintraege) getData(Kind);
                              });
                           }
                            
                           function GetTT(Kind) {
                               url2=[];
                               ttype=[];
                           	Loginreq = BaseUrl + "/authid/" + UserName[Kind] + "/" + Passwort[Kind];
                           	request(Loginreq, function (error, response, body) {
                           		if(debug) log("Error 1: " + error + "\nCode 1: " + response.statusCode);
                           		if (!error && response.statusCode == 200) {
                           			TTreq = BaseUrl + "/timetables/" + body.replace(/\"/g, "");
                           			request(TTreq, function (error, response, body) {
                           				if(debug) log("Error 2: " + error + "\nCode 2: " + response.statusCode);
                           				if (!error && response.statusCode == 200) {
                           					body = JSON.parse(body);
                           					eintraege = body.length;
                           					for(var i=0; i<eintraege; i++) {
                           					    ttype.push(body[i].ishtml);
                           					    url2.push(body[i].timetableurl);
                           					    setState(KindTT[Kind] + "." + Tage[i] + ".Time", body[0].timetabledate);
                           					}
                           					log(JSON.stringify(body, null, 4));
                           					k = 0;
                           					getData(Kind);
                           				}
                           			});
                           		}
                           	});
                           }
                            
                          schedule(cron1, function () { 	// Kind 1 - Abruf alle 15Min
                              GetTT(0);
                          });
                          schedule(cron3, function () { 	// Kind 1 - von 7:00 - 7:58 Alle 5 Min
                              GetTT(0);
                          });
                          
                          schedule(cron2, function () {	// Kind 2 - Abruf alle 15Min
                              GetTT(1);
                          });
                          
                          schedule(cron4, function () {	// Kind 2 - von 6:00 - 7:59 Alle 5 Min
                              GetTT(1);
                          });
                          

                          script 2:

                          var klasse = "8A";   // Gesuchte Klasse anpassen!
                          var myArrayA;
                          var myArrayB;
                          var mystra;
                          var bid;
                          
                          const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
                               on({id: id, change: "ne"}, function (obj) {
                                  myArrayA = [];
                                  myArrayB = [];
                          
                                  mystra = getState(id).val;
                                  mystra = mystra.replace(/<table/gi, "\n<table");
                                  mystra = mystra.replace(/<tr/gi, "\n<tr");
                                  mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
                                  mystra = mystra.replace(/<\/table/gi, "\n<\/table");
                                  myArrayA = mystra.split("\n");
                          
                                  myArrayA.forEach(function (element) {
                                      if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                                          myArrayB.push(element);
                                      }
                                  });
                          
                                  myArrayA = [];
                                  scharf = true;
                                  myArrayB.forEach(function (element) {
                                      if(element.startsWith("<tr class=\"head\">")) {
                                          scharf = false;
                                          myArrayA.push(element);
                                      } else {
                                          if(scharf || element.includes(klasse) || element.includes("<\/table") ) myArrayA.push(element);
                                      }
                                  });
                             
                                  mystra = "";
                                  myArrayA.forEach(function (element) {
                                      mystra += element + "\n";
                                  });
                          
                                  bid = id.replace(/\.Timetable/gi, "\.vis");
                                  setState(bid, mystra);
                               });
                          });
                          

                          widget:

                          [{"tpl":"tplHtml","data":{"g_fixed":true,"g_visibility":false,"g_css_font_text":true,"g_css_background":true,"g_css_shadow_padding":true,"g_css_border":true,"g_gestures":false,"g_signals":false,"g_last_change":false,"visibility-cond":"==","visibility-val":1,"visibility-groups-action":"hide","refreshInterval":"30000","signals-cond-0":"==","signals-val-0":true,"signals-icon-0":"/vis/signals/lowbattery.png","signals-icon-size-0":0,"signals-blink-0":false,"signals-horz-0":0,"signals-vert-0":0,"signals-hide-edit-0":false,"signals-cond-1":"==","signals-val-1":true,"signals-icon-1":"/vis/signals/lowbattery.png","signals-icon-size-1":0,"signals-blink-1":false,"signals-horz-1":0,"signals-vert-1":0,"signals-hide-edit-1":false,"signals-cond-2":"==","signals-val-2":true,"signals-icon-2":"/vis/signals/lowbattery.png","signals-icon-size-2":0,"signals-blink-2":false,"signals-horz-2":0,"signals-vert-2":0,"signals-hide-edit-2":false,"lc-type":"last-change","lc-is-interval":true,"lc-is-moment":false,"lc-format":"","lc-position-vert":"top","lc-position-horz":"right","lc-offset-vert":0,"lc-offset-horz":0,"lc-font-size":"12px","lc-font-family":"","lc-font-style":"","lc-bkg-color":"","lc-color":"","lc-border-width":"0","lc-border-style":"","lc-border-color":"","lc-border-radius":10,"lc-zindex":0,"html":"{javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}\n<br>\n{javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis}\n","class":"vertretungsplan"},"style":{"left":"20px","top":"20px","background-color":"#222","border-radius":"15px","box-shadow":"10px 10px 12px -3px rgba(0,0,0,0.75)","width":"1000px","height":"800px","color":"#ffffff","font-family":"RobotoCondensed-Regular","font-size":"21px","padding-left":"","padding-right":"","line-height":"","padding":"15px","z-index":"1","overflow-y":"scroll","margin-left":"","overflow-x":"","border-width":"2px","border-style":"solid","border-color":"#777"},"widgetSet":"basic"}]
                          

                          CSS:

                          .vertretungsplan table {
                              width: 100%;
                          }
                          
                          .vertretungsplan td {
                              border: solid 1px white;
                          }
                          

                          Melde dich ob das funktioniert!

                          1 Reply Last reply Reply Quote 0
                          • B
                            Brunoz last edited by

                            Hallo a200,

                            also es klappt schon ganz gut. Habe den HTML-Code nur leicht geändert, weil ich sonst den Überblick verloren hätte.

                            <p>HEUTE</p>
                            {javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis}
                            <br>
                            <p>MORGEN<P>
                            {javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis}
                            
                            

                            Die Tabelle von "heute" wird bei "morgen" angezeigt, wenn ich das richtig sehe.

                            {63AD84BB-A18A-42C0-BB57-4CEC36973E93}.png.jpg

                            Und, kann ich auch zwei Klassen angeben? Meine zwei Jungs, gehen in unterschiedliche Klasse. Muss ich den obigen Script einfach zweimal mit unterschiedlichen Klassen laufen lassen?

                            Gruß
                            Claudio

                            a200 1 Reply Last reply Reply Quote 0
                            • a200
                              a200 @Brunoz last edited by a200

                              @Brunoz

                              1. nimm die aktuelle Version. Dort sind Korrekturen und automatische Abfrage eingebaut worden
                              2. Wenn die Jungs in die gleiche Schule gehen, dann trage einfach die Logindaten doppelt ein.
                              3. Skript 2 bitte anpassen:
                              var klasse = ["8A","5C"];
                              var myArrayA;
                              var myArrayB;
                              var mystra;
                              var bid;
                              var kid
                              
                              const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
                                   on({id: id, change: "ne"}, function (obj) {
                                       
                                      kid = id.replace("javascript.0.VIS.DSBMmobile-tmp.Kind", "").charAt(0);
                              
                                      myArrayA = [];
                                      myArrayB = [];
                              
                                      mystra = getState(id).val;
                                      mystra = mystra.replace(/<table/gi, "\n<table");
                                      mystra = mystra.replace(/<tr/gi, "\n<tr");
                                      mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
                                      mystra = mystra.replace(/<\/table/gi, "\n<\/table");
                                      myArrayA = mystra.split("\n");
                              
                                      myArrayA.forEach(function (element) {
                                          if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                                              myArrayB.push(element);
                                          }
                                      });
                              
                                      myArrayA = [];
                                      scharf = true;
                                      myArrayB.forEach(function (element) {
                                          if(element.startsWith("<tr class=\"head\">")) {
                                              scharf = false;
                                              myArrayA.push(element);
                                          } else {
                                              if(scharf || element.includes(klasse[kid-1]) || element.includes("<\/table") ) myArrayA.push(element);
                                          }
                                      });
                                 
                                      mystra = "";
                                      myArrayA.forEach(function (element) {
                                          mystra += element + "\n";
                                      });
                              
                                      bid = id.replace(/\.Timetable/gi, "\.vis");
                                      setState(bid, mystra);
                                   });
                              });
                               
                              

                              Das sollte die entsprechende Datenpunkte füllen. Oben im Skript die Klassen anpassen nicht vergessen.

                              Es gibt noch eine Möglichkeit, dass es nur zwei Tabellen (heute, morgen) angelegt werden und in den Tabellen beide Klassen für beide Jungs angezeigt werden. Falls du das haben willst, dann sag mir Bescheid.

                              1 Reply Last reply Reply Quote 0
                              • B
                                Brunoz last edited by

                                Hallo a200,

                                sorry, das ich mich erst heute melde.

                                Bild3.jpg

                                Bild2.jpg

                                Bild1.jpg

                                Wie Sie sehen können, werden die Daten nicht korrekt angezeigt. (1. Bild)

                                Im meinem Falle reicht mir die Darstellung aber wie auf dem 3. Bild.
                                Das ist schon so wie ich es mir erhofft hatte.

                                Vielen Dank für die Arbeit.

                                Gruß
                                Claudio

                                a200 1 Reply Last reply Reply Quote 0
                                • a200
                                  a200 @Brunoz last edited by

                                  @Brunoz

                                  hi,
                                  kannst du mir bitte die die HTML-Datei aus dem *.Timetable Datenpunkt der Klasse, die nihct richtig angezeigt wird. Ich muss den Code analysieren.

                                  1 Reply Last reply Reply Quote 0
                                  • B
                                    Brunoz last edited by Brunoz

                                    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>  <head>    <title>HeinekingMedia Vertretungsplan - Classic</title>    <style type="text/css">      html, body { font-family:  Arial; }      .head { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .TeacherHead { background-color: #FFFFFF; color: #000000; font-weight: normal; }      .TeacherHead td { border-top: 2px solid #000000; border-bottom: 1px solid #000000; }      .SubTypeHead { background-color: #000000; color: #FFFFFF; font-weight: bold; }      .def { background-color: #dedede; color: #000000; }      .alt { background-color: #b1f073; color: #000000; }      .new.def { background-color: #FFE97F; color: #000000; }      .new.alt { background-color: #FF75EC; color: #000000; }      table { width: 100%; margin-top: 5px; background-color: black; }      td { padding-left: 4px; padding-right: 4px; }      .additionInfoTable { width: 100%; border: 1px solid black; padding: 0; margin: 0; }      .additionInfoTable th { background: #000000; color: #FFFFFF; font-weight: bold; }      .additionInfoTable td { background: white; color: black; border-bottom: 0px solid black; font-weight: normal; }      .headTable { background: white; width: 100%; border: 0px; padding: 0; margin: 0; }      .headTable td { background: white; color: black; font-weight: bold; text-align: right; border: 0;}      h2 { font-size: 0.8em; margin:0; text-align: right; }      h1 { font-size: 2em;margin-bottom:5px; }      td.teacherNew { font-weight: bold; }      td.teacherOld { opacity: .40; filter: alpha(opacity = 40); -ms-filter: "alpha(opacity = 40)" }      span.hilite { font-weight: bold; text-decoration:underline; }      .NoSubstitutes { text-align: center; border: 0; }    </style>    <link rel="stylesheet" type="text/css" href="a6b426b1-76c0-4330-b4e1-ce564b4c8e44.css">    <script language="javascript">    </script>  </head>  <body>    <table class="headTable">    <tr><td>Letzte Änderung: 08.03.2019 01:05</td></tr>    </table><center><h1>11.03.2019, Montag</h1></center><table class="additionInfoTable"><tr><th colspan="2">Nachrichten zum Tag</th></tr><tr><td>Betroffene Klassen</td><td>7A, 7C, 7M+, 8B, 9B, 9C</td></tr></table><table cellspacing="1"><tr class="head"><td>Klasse</td><td>Stunde</td><td>Fach</td><td>Fach alt</td><td>Raum</td><td>Art</td></tr><tr class="def"><td>7A, 7C</td><td>4</td><td></td><td>KREL</td><td>009</td><td>Vertretung</td></tr><tr class="alt"><td>7C</td><td>1</td><td></td><td>CH</td><td></td><td>Ausfall</td></tr><tr class="def"><td>7M+</td><td>5</td><td></td><td>D</td><td>010</td><td>Vertretung</td></tr><tr class="alt"><td>7M+</td><td>6</td><td></td><td>D</td><td></td><td>Ausfall</td></tr><tr class="def"><td>8B</td><td>3</td><td>Geo</td><td>CH</td><td>010</td><td>Vertretung</td></tr><tr class="alt"><td>9B</td><td>2</td><td>EWG</td><td>M</td><td>206</td><td>Vertretung</td></tr><tr class="def"><td>9B</td><td>3</td><td>G</td><td>M</td><td>206</td><td>Vertretung</td></tr><tr class="alt"><td>9B, 9C</td><td>8-9</td><td></td><td>TE</td><td></td><td>Ausfall</td></tr><tr class="def"><td>9B, 9C</td><td>10</td><td></td><td>TE</td><td></td><td>Ausfall</td></tr></table></body></html>
                                    
                                    a200 1 Reply Last reply Reply Quote 0
                                    • a200
                                      a200 @Brunoz last edited by

                                      @Brunoz sagte in DSB - Abrage:

                                      hier die neue Version von Skript 2. Bei einer Änderungen der Datenpunkte:

                                      • javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Timetable
                                      • javascript.0.VIS.DSBMmobile-tmp.Kind2.heute.Timetable
                                      • javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.Timetable
                                      • javascript.0.VIS.DSBMmobile-tmp.Kind2.morgen.Timetable

                                      werden beide Klassen gesucht und in den entsprechenden Datenpunkt .vis geschrieben. Da deine Kinder auf der gleichen Schule sind, kannst du das Kind2 ignorieren und nur die DP

                                      • javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.vis
                                      • javascript.0.VIS.DSBMmobile-tmp.Kind1.morgen.vis

                                      ausgeben. Dort werden jeweils beide Klassen aufgeführt (falls vorganden!). Da die Skripte auf Änderungen in den Datenpunkten reagieren, kannst du zum Testen den Inhalte des Datenpunktes javascript.0.VIS.DSBMmobile-tmp.Kind1.heute.Timetable löschen und Enter drücken. Nach der nächsten Abfrage wird der DP wieder gefüllt und der Filter (Skript 2) sollte die gesuchten Klassen ausgeben.

                                      var klasse = ["7A","9C"];
                                      var myArrayA;
                                      var myArrayB;
                                      var mystra;
                                      var bid;
                                      var kid
                                      
                                      const TT = $('state[state.id=javascript.0.VIS.DSBMmobile-tmp.Kind*.Timetable]').each(function(id) {
                                           on({id: id, change: "ne"}, function (obj) {
                                               
                                              kid = id.replace("javascript.0.VIS.DSBMmobile-tmp.Kind", "").charAt(0);
                                      
                                              myArrayA = [];
                                              myArrayB = [];
                                      
                                              mystra = getState(id).val;
                                              mystra = mystra.replace(/<table/gi, "\n<table");
                                              mystra = mystra.replace(/<tr/gi, "\n<tr");
                                              mystra = mystra.replace(/<\/body>/gi, "\n<\/body>");
                                              mystra = mystra.replace(/<\/table/gi, "\n<\/table");
                                              myArrayA = mystra.split("\n");
                                      
                                              myArrayA.forEach(function (element) {
                                                  if(element.startsWith("<table") || element.startsWith("<tr") || element.startsWith("<\/table")) {
                                                      myArrayB.push(element);
                                                  }
                                              });
                                      
                                              myArrayA = [];
                                              scharf = true;
                                              myArrayB.forEach(function (element) {
                                                  if(element.startsWith("<tr class=\"head\">")) {
                                                      scharf = false;
                                                      myArrayA.push(element);
                                                  } else {
                                                      if(scharf || element.includes(klasse[0]) || element.includes(klasse[1]) || element.includes("<\/table") ) myArrayA.push(element);
                                                  }
                                              });
                                         
                                              mystra = "";
                                              myArrayA.forEach(function (element) {
                                                  mystra += element + "\n";
                                              });
                                      
                                              bid = id.replace(/\.Timetable/gi, "\.vis");
                                              setState(bid, mystra);
                                           });
                                      });
                                       
                                      

                                      1 Reply Last reply Reply Quote 0
                                      • B
                                        Brunoz last edited by

                                        Hallo a200,

                                        funktioniert bisher super! Nur ist mir eines noch im nachhinein aufgefallen.

                                        Am zweiten Tag - fehlt das Datum!

                                        1. Tag
                                          Anmerkung 2019-03-14 110226.jpg

                                        2. Tag
                                          Anmerkung 2019-03-14 110248.jpg

                                        a200 2 Replies Last reply Reply Quote 0
                                        • a200
                                          a200 @Brunoz last edited by a200

                                          @Brunoz Ich werde es am Abend prüfen.

                                          1 Reply Last reply Reply Quote 0
                                          • a200
                                            a200 @Brunoz last edited by

                                            @Brunoz

                                            ich kann das Problem nicht nachstellen. Beide Stundenpläne werden von dem gleichen Skript bearbeitet und sollten gleiche Ergebnisse liefern.

                                            1. Bitte prüfe ob das Problem immer noch besteht.
                                            2. Prüfe ob du im VIS die richtigen Datenpunkte ausgibst.
                                            3. Prüfe ob alte Skripte nicht aktiv sind.
                                            4. Sollte das alles der Fall sein, dann stelle mir beide Stundenpläne (heute + morgen) zur Verfügung. Ich habe deinen Stundenplan in beide Datenpunkte kopiert und bekam in ...heute.vis und ...morgen.vis identische Ausgabe.
                                            1 Reply Last reply Reply Quote 0
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            722
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript
                                            7
                                            36
                                            2806
                                            Loading More Posts
                                            • Oldest to Newest
                                            • Newest to Oldest
                                            • Most Votes
                                            Reply
                                            • Reply as topic
                                            Log in to reply
                                            Community
                                            Impressum | Datenschutz-Bestimmungen | Nutzungsbedingungen
                                            The ioBroker Community 2014-2023
                                            logo