Termine

Termine der Beispielschule

Die folgenden Termine gelten für das laufende Schuljahr. Bitte beachten Sie, dass einzelne Termine noch veränderlich sind.

Wir unterstützen schultermine.de. Teilnehmer erhalten Änderungen automatisch durch eine Benachrichtigung auf ihr Mobilgerät. Wenden Sie sich an ihren Klassenlehrer um die Zugangsdaten für die Klasse ihres Kindes zu erhalten.

Lade Termine...
Ändern

Diese Termine wurden direkt aus dem schultermine-Portal geladen und hier dargestellt. Klicken sie auf die folgende Schaltfläche, um die technischen Details zu erfahren.

Wie es funktioniert

Die Anzeige der Schultermine auf der Homepage ist sehr einfach. Ihr Webmaster wird damit keine Probleme haben. Der folgende Codeabschnitt demonstriert, wie die Daten aus dem Portal geladen und dargestellt werden können.

Hierzu wird zunächst ein div-Element benötigt, in das die Daten geladen werden

Lade Termine...

Als nächstes wird ein JavaScript Baustein erstellt, der die Daten vom Webservice lädt und eine HTML-Tabelle aufbaut. Natürlich kann diese dann individuell gestaltet werden.

   <script type="text/javascript">
      $(document).ready(function(){
		//
		// Important: The school access code is required and passed as parameter to the service
		//
        var stdataURL = "https://www.schultermine.de/ServiceV1/RestService/GetSchoolTimes/?school=CDU6KA";
        var returnData = "";
        $.ajax({
            type: "GET",
            dataType: "json",
            async: true,
            url: stdataURL,
            error: function(request, status, error) { alert(request.responseText) },
            success: function(data) {
                $("div#termine").html(" ");
                returnData = "";
                        for (var i = 0; i < data.length; i++) {
							var re = /-?\d+/;
                            var m = re.exec(data[i]["date"]);
                            var newdate = new Date(parseInt(m[0]));
							var newdate=newdate.getDate()+'.'+(newdate.getMonth()+1)+'.'+newdate.getFullYear();
                            returnData += "";
                        }
                returnData = returnData + "
TerminVeranstaltungBemerkung
" + newdate + "" + data[i]["name"] + "" + data[i]["description"] + "
"; $("div#termine").html(returnData); } }); return (false); }); </script>