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,

      bin sehr dran interessiert wie ich die DSBMobile in Iobroker einfüge.

      Den Code so wie er ist - einfach in Javascript einfügen und die Zugangsdaten eintragen?

      Die Datenpunkte - sind klar - aber den letzten Satz - mit "Get" verstehe ich nicht.

      Kenn mich leider in Javascript nicht aus !

      Zur Zeit, habe ich das Ganze einfach als Iframe auf meiner VIS am Laufen.
      Funktioniert auch ganz gut.

      Gruß
      Claudio

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

        @Brunoz

        GetTT(0);
        

        ruft einfach die Funktion auf, die im Skript definiert ist. Als Parameter wird 0 übergeben für das erste Kind.
        du kannst es ganz unten im Skript einfügen, dann sollte beim start des Skriptes ausgeführt werden.

        Das Ganze ist allerdings nur ein Template. Ich kann die morgen eine funktionierende Version schicken.

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

          @a200 sagte in DSB - Abrage:

          GetTT(0);

          Vielen Dank das Sie sich die Zeit dafür nehmen.

          Ich habe den Code so eingegeben: (Zeile 2, 3 und 53 wurden geändert bzw. hinzugefügt)

          var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
          var UserName = ["3XXXX2"]; // Usernamen für den Zugang
          var Passwort = ["RXXXXXXXXXXX"];  // Passwörter für den Zugang
          var KindTT = ["javascript.0.VIS.DSBMmobile.Kind1.Timetable", "javascript.0.VIS.DSBMmobile.Kind2.Timetable"];  // Startdatenpunkten
          var debug = true;
          var request = require('request');
          function GetTT(Kind) {
          	var 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);
          					var ishtml = body[0].ishtml;
          					var timetabledate = body[0].timetabledate;
          					var timetablegroupname = body[0].timetablegroupname;
          					var timetabletitle = body[0].timetabletitle;
          					var timetableurl = body[0].timetableurl;
          					//setState(KindTT[Kind] + "-Time", timetabledate, true);
          					//setState(KindTT[Kind] + "-Url", timetableurl, true);
          					if(debug) log("Timetable Url = " + timetableurl);
          					if(debug) log("Timetable Time = " + timetabledate);					
          				}
          			});
          			Newsreq = BaseUrl + "/news/" + body.replace(/\"/g, "");
          			request(Newsreq, function (error, response, body) {
          				if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
          				if (!error && response.statusCode == 200) {
          					body = JSON.parse(body);
          					var headline = body[0].headline;
          					var newsdate = body[0].newsdate;
          					var newsid = body[0].newsid;
          					var newsimageurl = body[0].newsimageurl;
          					var shortmessage = body[0].shortmessage;
          					var wholemessage = body[0].wholemessage;
          					//setState(KindTT[Kind] + "-News-Title", headline, true);
          					//setState(KindTT[Kind] + "-News-Time", newsdate, true);					
          					//setState(KindTT[Kind] + "-News-SM", shortmessage, true);
          					//setState(KindTT[Kind] + "-News-WM", wholemessage, true);
          					if(debug) log("News headline = " + headline);
          					if(debug) log("News newsdate = " + newsdate);
          					if(debug) log("News shortmessage = " + shortmessage);
          					if(debug) log("News wholemessage = " + wholemessage);					
          				}
          			});
          		}
          	});
          }
          
          GetTT(0);
          

          Der Code wird auch ausgeführt.

          Leider landen in den Datenpunkten (Zeichenketten) keine Daten.

          Datenpunkte.jpg

          Das Scriptprotokoll zeigt folgendes an:

          16.2.2019, 07:36:08.795 [info ]: javascript.0 Stop script script.js.common.Schule.Schule
          16.2.2019, 07:36:08.858 [info ]: javascript.0 Start javascript script.js.common.Schule.Schule
          16.2.2019, 07:36:08.859 [info ]: javascript.0 script.js.common.Schule.Schule: registered 0 subscriptions and 0 schedules
          16.2.2019, 07:36:09.076 [info ]: javascript.0 script.js.common.Schule.Schule: Error 1: null
          Code 1: 200
          16.2.2019, 07:36:09.318 [info ]: javascript.0 script.js.common.Schule.Schule: Error 3: null
          Code 3: 200
          16.2.2019, 07:36:09.321 [info ]: javascript.0 script.js.common.Schule.Schule: News headline = Aktuell keine News
          16.2.2019, 07:36:09.322 [info ]: javascript.0 script.js.common.Schule.Schule: News newsdate = 16.02.2019 07:36:04
          16.2.2019, 07:36:09.322 [info ]: javascript.0 script.js.common.Schule.Schule: News shortmessage =
          16.2.2019, 07:36:09.322 [info ]: javascript.0 script.js.common.Schule.Schule: News wholemessage = In diesem Bereich wurden keine News hinterlegt
          16.2.2019, 07:36:09.322 [info ]: javascript.0 script.js.common.Schule.Schule: Error 2: null
          Code 2: 200
          16.2.2019, 07:36:09.322 [info ]: javascript.0 script.js.common.Schule.Schule: Timetable Url = https://light.dsbcontrol.de/DSBlightWebsite/Data/09a0d92a-cff0-44f4-81de-fc84623d6395/a6b426b1-76c0-4330-b4e1-ce564b4c8e44/a6b426b1-76c0-4330-b4e1-ce564b4c8e44.html
          16.2.2019, 07:36:09.323 [info ]: javascript.0 script.js.common.Schule.Schule: Timetable Time = 16.02.2019 01:05

          Das sind die Pläne die es auszulesen gibt: (falls das Wichtig wäre)

          Pläne.jpg

          Nochmals, vielen Dank für die Hilfe.

          Gruß
          Claudio

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

            @Brunoz

            ok. die Pläne sind als html gespeichert, das ist schon mal gut.

            bitte jetzt folgendes ausführen:

            var BaseUrl = "https://iphone.dsbcontrol.de/iPhoneService.svc/DSB";
            var UserName = ["XXX"];
            var Passwort = ["YYY",];
            var KindKL = ["06C", "06B"];
            var KindTT = ["javascript.0.VIS.DSBMmobile-tmp.Kind1.Timetable", "javascript.0.VIS.DSBMmobile-tmp.Kind2.Timetable"];
            var debug = false;
            
            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++) {
                if (!getObject(KindTT[i])) {
                    createState(KindTT[i], "", {
                        "desc": "TimeTable",
                        "name": "TimeTable fuer Kind " + i,
                        "type": "string",
                        "role": "html"
                    });
                }
                if (!getObject(KindTT[i]+"-vis")) {
                    createState(KindTT[i]+"-vis", "", {
                        "desc": "TimeTable",
                        "name": "TimeTable fuer Kind " + i,
                        "type": "string",
                        "role": "html"
                    });
                }
                if (!getObject(KindTT[i]+"-Events")) {
                    createState(KindTT[i]+"-Events", 0, {
                        "desc": "TimeTable",
                        "name": "TimeTable fuer Kind " + i,
                        "type": "number",
                    });
                }
                if (!getObject(KindTT[i]+"-Time")) {
                    createState(KindTT[i]+"-Time", "", {
                        "desc": "TimeTable",
                        "name": "TimeTable fuer Kind " + i,
                        "type": "string",
                        "role": "html"
                    });
                }
            }
            
            //var parseString = require('xml2js').parseString;
            //var DOMParser = require('xmldom').DOMParser;
            var request = require('request');
            
            
            function GetTT(Kind) {
            	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);
            					var ishtml = body[0].ishtml;
            					var timetabledate = body[0].timetabledate;
            					//var timetablegroupname = body[0].timetablegroupname;
            					//var timetabletitle = body[0].timetabletitle;
            					var timetableurl = body[0].timetableurl;
            					log(timetableurl);
            					setState(KindTT[Kind] + "-Time", timetabledate, true);
            					if(debug) log("TT Url = " + timetableurl);
            					if(ishtml) {
                					request(timetableurl, function (error, response, body) {
                						if(debug) log("Error 3: " + error + "\nCode 3: " + response.statusCode);
                						if (!error && response.statusCode == 200) {
                							setState(KindTT[Kind], body, true, function() {
                							    //CreateVP(Kind);
                							});
            		    				}
            			    		});
            					}
            				}
            			});
            		}
            	});
            }
            
            GetTT(0);
            
            

            Dann müsste unter dem DP javascript.0.VIS.DSBMmobile-tmp.Kind1.Timetable die html-Seite geladen sein.

            Wenn du mir den Inhalt der HTML Datei schickst,dann kann ich schauen, ob ich nur die Änderungen der entsprechenden Klasse extrahieren kann. Genauso mache ich meinem Sohn. Allerdings haben sie eine Datei mit den Änderungen für die ganze Woche. Bei dir scheint es pro Tag eine Datei geben. Aber dass sollte auch gehen.

            1 Reply Last reply Reply Quote 0
            • 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
                                            • First post
                                              Last post

                                            Support us

                                            ioBroker
                                            Community Adapters
                                            Donate

                                            647
                                            Online

                                            31.8k
                                            Users

                                            80.0k
                                            Topics

                                            1.3m
                                            Posts

                                            javascript
                                            7
                                            36
                                            2803
                                            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