<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"></meta>
<title>Test</title>
<script>
var httpRequest;
function selectWebPage()
{
// populate the URLs for the different articles
var value = document.getElementById("webPage").value;
if (value != 0)
{
var url = value;
if (window.ActiveXObject)
{
httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
httpRequest = new XMLHttpRequest();
}
httpRequest.open("GET", url, true);
httpRequest.onreadystatechange= function () {processRequest(); } ;
httpRequest.send(null);
}
else
{
document.getElementById("webPageViewer").innerHTML = "";
}
}
/**
* Event handler for the XMLhttprequest
* when the content is back (State 4 and status 200)
* take the content of the request and copy it into the HTML page
*/
function processRequest()
{
if (httpRequest.readyState == 4)
{
if(httpRequest.status == 200)
{
var webPageViewer = document.getElementById("webPageViewer");
webPageViewer.innerHTML = httpRequest.responseText;
}
else
{
alert("Error loading page\n"+ httpRequest.status +":"+ httpRequest.statusText);
}
}
}
</script>
</head>
<body>
<h1>Test External Web page - AJAX</h1>
<br /><br />
<select name="webPage" id="webPage" onChange="selectWebPage();">
<option value="0">Select an Entry</option>
<option value="[URL unfurl="true"]http://www.yahoo.com">Yahoo</option>[/URL]
<option value="[URL unfurl="true"]http://www.google.com">Google</option>[/URL]
</select>
<p>
<div id="webPageViewer">
</div>
</p>
</body>
</html>
