var req; var dest; function processStateChange(){ statusDiv = document.getElementById("status"); if (statusDiv){ if (req.readyState == 0){ statusDiv.innerHTML = "Not Started"; } if (req.readyState == 1){ statusDiv.innerHTML = "Loading..."; } if (req.readyState == 2){ statusDiv.innerHTML = "Loaded"; } if (req.readyState == 3){ statusDiv.innerHTML = "Ready"; } if (req.readyState == 4){ statusDiv.innerHTML = " "; } } if (req.readyState == 4){ if (req.status == 200){ response = req.responseText; destinationDiv = document.getElementById(dest); destinationDiv.innerHTML = response; } else { if (statusDiv) statusDiv.innerHTML = "Error: Status "+req.status; } } } function loadHTML(url, destination){ dest = destination; if (window.XMLHttpRequest){ req = new XMLHttpRequest(); req.onreadystatechange = processStateChange; req.open("GET", url, true); req.send(null); } else if (window.ActiveXObject) { req = new ActiveXObject("Microsoft.XMLHTTP"); if (req) { req.onreadystatechange = processStateChange; req.open("GET", url, true); req.send(); } } }