// variable to en-/disable debug // set to 1 to enable debug log var DEBUG; // server url var serverUrl = "http://widgets.vvo-online.de/abfahrtsmonitor/"; // xmlhttp object function function getHTTPObject() { // debug log if (DEBUG === 1) {console.log("xml http object function");} var xhr; // check for availibility if xmlhttprequest object if(window.XMLHttpRequest) { xhr = new XMLHttpRequest(); } else if(window.ActiveXObject) { xhr = new ActiveXObject("Msxml2.XMLHTTP"); } return xhr; } // ajax call function function ajaxCall(dataUrl, outputElement, callback, responseType) { // debug log if (DEBUG === 1) {console.log("ajax function");} // get the xmlhttp object which is supported var request = getHTTPObject(); outputElement.innerHTML = "Lade Daten ..."; request.onreadystatechange = function() { if(request.readyState === 4 && request.status === 200) { //save ajax response if (responseType === "json") { var response = JSON.parse(request.responseText); } else if (responseType === "xml") { var response = request.responseXML; } else { var response = request.responseText; } // check if callback is a function if(typeof callback === "function") { callback(response); } } }; request.open("get", dataUrl, true); request.send(null); } // wrap all in anonymous function to get out of global scope (function() { // debug log if (DEBUG === 1) {console.log("anonymous function");} // get the search form var searchForm = document.getElementById("search-form"); // haltestelle object var haltestelle = { getInfo : function(event) { // debug log if (DEBUG === 1) {console.log("getInfo function");} // prevent submit default behaviour event.preventDefault(); // get output area var target = document.getElementById("output"); var hstName = document.getElementById("q").value; var hstUrl = serverUrl + "Abfahrten.do?ort=dresden&hst=" + hstName; ajaxCall(hstUrl, target, function(data) { // debug log if (DEBUG === 1) {console.log("received data: " + data);} data = data.replace(/\],\[/gi, '#'); data = data.replace(/\(.+?\)/gi, ''); data = data.replace('ß', 'ss'); data = data.slice(2,-2).split("#"); // debug log if (DEBUG === 1) {console.log("parsed data: " + data);} var i; var y; var htmlOutput; var dataLength = data.length; // generate table header htmlOutput = "
Linie | "; htmlOutput += "Richtung | "; htmlOutput += "Abfahrt | "; htmlOutput += "
---|---|---|
" + entry[y].slice(1,-1) + " | "; } htmlOutput += "