Loading Page in Specific Div using AHAH - http://microformats.org/wiki/rest/ahah but unable to execute script
Main.html
<html>
<head><title>Main Page</title></head>
<script type="text/javascript" src=GetPage.js>
</script>
<body>
<form method=get onsubmit="load('History.html','GetDiv'); return false;">
<input type="text" name="quota" value="">
</form>
<div id="GetDiv">
</div>
</body>
</html>
GetPage.js
function ahah(url,target) {
document.getElementById(target).innerHTML = 'loading data...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ahahDone(target);};
req.open("GET", url, true);
req.send(null);
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ahahDone(target);};
req.open("GET", url, true);
req.send();
}
}
}
function ahahDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ahah error:\n" +
req.statusText;
}
}
}
function load(name,div) {
ahah(name,div);
return false;
}
History.html
<html>
<head><title>History Page</title></head>
<body>
<div id="History">
<p> History Page </p>
<SCRIPT language="javascript">
document.write("History Page");
</SCRIPT>
</div>
</body>
</html>
The Script works great. i am able to get the History.HTML Loaded perfectly under Div=GetDiv but i am unable to execute or run the Script under history.html page when its loaded under div.
Script on history.html page works well if opened in a new browser i.e. http://localhost/history.html
My main idea is to execute the script under history page and display it under GetDiv
Please Help !!!