I need to add content to two DIVs on page load but this just won't
work. If I call any one function, things work fine or if I trigger the
events on-click, it works perfectly. But with both together on load,
nothing happens. Please help.
Krishna.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Hello, World!</title>
<script type="text/javascript">
divSwap = createR();
var globalDIV;
switchDiv('hell o.htm', 'helloDiv');
switchDiv('good bye.htm', 'goodbyeDiv');
function createR() {
var ro;
var browser = navigator.appNa me;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject(" Microsoft.XMLHT TP");
}else{
ro = new XMLHttpRequest( );
}
return ro;
}
function switchDiv(url, divID) {
divSwap = createR();
globalDIV = divID;
divSwap.open('G ET', url, true)
divSwap.onready statechange = switchResponse;
divSwap.send(nu ll);
}
function switchResponse( ) {
if(divSwap.read yState == 4) {
if (divSwap.status == 200) {
doMagic();
}
}
}
function doMagic() {
var myresponse = divSwap.respons eText;
document.getEle mentById(global DIV).innerHTML= myresponse;
}
</script>
</head>
<body>
<p><a href="javascrip t:switchDiv('he llo.htm', 'helloDiv');">H ello</a>
<a href="javascrip t:switchDiv('go odbye.htm',
'goodbyeDiv');" >Goodbye</a></p>
<h1>krishna waz ere..</h1>
<div id="helloDiv"> </div>
<h1>juss checking macha</h1>
<div id="goodbyeDiv" ></div>
</body>
</html>
