/**
* Loads the url in the target element innerHTML
* target = element or id in which to load data.
* url = element to load.
* data = post/get data to send with request.
* method = post or get
* onError = string message to display if request fails.
* onComplete = function to execute if request succeeds.
*/
function loadAjaxUrl(target, url, data, method, onError, onComplete){
// XMLHttpRequest Object:
// readyState = number 0 - 4, 4 being ready.
// status = error code. 404=not found, 200=okay, etc.
// responseText holds loaded data as a string of characters.
// responseXml holds an XML loaded file, DOM's method allows to extract data.
// onreadystatechange property that takes a function as value that is invoked when the readystatechange event is dispatched.
// setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); for POST
// XMLHttpRequest Methods
// open(mode, url, boolean) mode: type of request, GET or POST
// url: the location of the file, with a path.
// boolean: true (asynchronous) / false (synchronous).
// optionally, a login and a password may be added to arguments.
// send("string") null for a GET command.
var lcXmlHttpRequest;
if (window.XMLHttpRequest){
lcXmlHttpRequest = new XMLHttpRequest();
}else if (window.ActiveXObject){
// lcXmlHttpRequest = new ActiveXObject('Msxml2.XMLHTTP');
lcXmlHttpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
lcXmlHttpRequest.onreadystatechange = function() {
if(lcXmlHttpRequest.readyState == 4) {
if(lcXmlHttpRequest.status == 200){
var doc = lcXmlHttpRequest.responseText;
/*
IE ERROR: "An unknown runtime error has occurred at line 76"
This is probably caused by the content being loaded into the
target element. IE complains if certain elements are placed
under other elements. I have seen this occur when dynamically
putting a form under another form element. That is the reason
for the creation of an additional div element between the
content and the target element below. If this causes problems
later - another solution may be required.
In order to debug, simply look at your content being loaded, and
add each different tag type, one at a time to the test below then
refresh until you find the tag that breaks the code. You will
likely be able to determine which parent tag is then causing the
problem and be able to rearrange accordingly to satisfy IE.
Example: