|
|
@ -1,88 +0,0 @@ |
|
|
|
// server url
|
|
|
|
var serverUrl = "http://widgets.vvo-online.de/abfahrtsmonitor/"; |
|
|
|
|
|
|
|
|
|
|
|
// xmlhttp object function
|
|
|
|
function getHTTPObject() { |
|
|
|
|
|
|
|
console.log("xml http object function"); |
|
|
|
|
|
|
|
var xhr; |
|
|
|
|
|
|
|
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) { |
|
|
|
|
|
|
|
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
|
|
|
|
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() { |
|
|
|
|
|
|
|
console.log("anonymous function"); |
|
|
|
|
|
|
|
// get the search form
|
|
|
|
var searchForm = document.getElementById("search-form"); |
|
|
|
|
|
|
|
// haltestelle object
|
|
|
|
var haltestelle = { |
|
|
|
|
|
|
|
getInfo : function(event) { |
|
|
|
|
|
|
|
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) { |
|
|
|
|
|
|
|
target.innerHTML = ""; |
|
|
|
|
|
|
|
target.innerHTML = "<p>" + data + "</p>"; |
|
|
|
}); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
//event listeners
|
|
|
|
searchForm.addEventListener("submit", haltestelle.getInfo, false); |
|
|
|
|
|
|
|
})(); // end of anonymous function
|