Load Divs

[andylord]

ok so i have a site with these codes ill explain along the way

 

<script type="text/javascript">







var loadedobjects=""

var rootdomain="http://"+window.location.hostname



function ajaxpage(url, containerid){

var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){ // if IE

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} 

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else

return false

page_request.onreadystatechange=function(){

loadpage(page_request, containerid)

}

page_request.open('GET', url, true)

page_request.send(null)

}



function loadpage(page_request, containerid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(containerid).innerHTML=page_request.responseText

}



function loadobjs(){

if (!document.getElementById)

return

for (i=0; i<arguments.length; i++){

var file=arguments[i]

var fileref=""

if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding

if (file.indexOf(".js")!=-1){ //If object is a js file

fileref=document.createElement('script')

fileref.setAttribute("type","text/javascript");

fileref.setAttribute("src", file);

}

else if (file.indexOf(".css")!=-1){ //If object is a css file

fileref=document.createElement("link")

fileref.setAttribute("rel", "stylesheet");

fileref.setAttribute("type", "text/css");

fileref.setAttribute("href", file);

}

}

if (fileref!=""){

document.getElementsByTagName("head").item(0).appendChild(fileref)

loadedobjects+=file+" " //Remember this object as being already added to page

}

}

}



</script>

This is the script that opens the page inside the page

 

<img src="Images/Main Menu/Maps2.jpg" name="Maps" width="125" height="68" border="0" id="Maps" onmouseover="MM_swapImage('Maps','','Images/Main Menu/Mapsv2.jpg',1)" onmouseout="MM_swapImgRestore()" />

Image clicked to show the first page

 

  <script type="text/javascript" src="zz_tooltip.js"></script>

<script type="text/javascript">
var loadedobjects=""

var rootdomain="http://"+window.location.hostname

function ajaxpage(url, containerid){

var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){ // if IE

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} 

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else

return false

page_request.onreadystatechange=function(){

loadpage(page_request, containerid)

}

page_request.open('GET', url, true)

page_request.send(null)

}



function loadpage(page_request, containerid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(containerid).innerHTML=page_request.responseText

}



function loadobjs(){

if (!document.getElementById)

return

for (i=0; i<arguments.length; i++){

var file=arguments[i]

var fileref=""

if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding

if (file.indexOf(".js")!=-1){ //If object is a js file

fileref=document.createElement('script')

fileref.setAttribute("type","text/javascript");

fileref.setAttribute("src", file);

}

else if (file.indexOf(".css")!=-1){ //If object is a css file

fileref=document.createElement("link")

fileref.setAttribute("rel", "stylesheet");

fileref.setAttribute("type", "text/css");

fileref.setAttribute("href", file);

}

}

if (fileref!=""){

document.getElementsByTagName("head").item(0).appendChild(fileref)

loadedobjects+=file+" " //Remember this object as being already added to page

}

}

}



</script>
<div id="Map">
  <table width="200" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td> </td>
      </tr>
  </table>
</div>
  </div>
</div>

<p align="center"><span class="style1"><a href="javascript:ajaxpage('Helm.php', 'loading2');"><br />
  <a href="javascript:ajaxpage('Helm.php', 'map');"><img src="Images/Main Menu/Helmstead.jpg" width="210" height="69" border="0" /></a>
  <a href="javascript:ajaxpage('Tulorn2.php', 'map');"><img src="Images/Main Menu/Tul.jpg" width="153" height="70" border="0" /></a>
  <a href="javascript:ajaxpage('Styzzy2.php', 'map');"><img src="Images/Main Menu/Styzzy.jpg" width="148" height="70" border="0" /></a>
  <a href="javascript:ajaxpage('Sanctum2.php', 'map');"><img src="Images/Main Menu/Sanctum.jpg" width="180" height="70" border="0" /></a><a href="javascript:ajaxpage('Boulder2.php', 'map');"><img src="Images/Main Menu/Boulder.jpg" width="175" height="70" border="0" /></a>
  <a href="javascript:ajaxpage('Frigid2.php', 'map');"><img src="Images/Main Menu/Frigid.jpg" width="153" height="70" border="0" /></a>
  <a href="javascript:ajaxpage('Zhul2.php', 'map');"><img src="Images/Main Menu/Zhul.jpg" width="116" height="70" border="0" /></a>

 

then within that page i am opening is another page that opens the same way as before

 

my problem is the 2nd time it isnt opening, it opens on the url but not on the page if you know what i mean any advice?