ajax/js div call issue with other js functions

Hi there, I’m new to these forums yet I’d like to start off with a question on some code I’ve been working on. Plus I’m really neat and tidy with my own code and have tidied all the stuff. The wip site can be found @ [URL=http://www.kaivong.com/NEW ]www.kaivong.com/NEW [/URL] with the js extensions in the subdir /js

Most of the stuff I’ve been using is from tutorials and stuff I’ve found on the net, yet I have a good understanding of javascript and functions.

At the moment my main problem is with an javascript/AJAX call function ruining all other javascript functions.

The js/ajax call function is simply there to allow information to be pull off another file and then placed into the div tags – I believe this is where my problem lies.

I’ve also been trying to use two other javascript functions – one js hide/show function: flip(rid) and the other a flash embed script.

My main question is, will the js/AJAX call script be failing because of syntax problems etc or is it because of the way the script is executing and this defunctioning the rest?

I’ve included an example of the code… pretty much any other js fails as soon as you use the call script into the div tag.

[CODE] var bustcachevar=0; //bust potential caching of external pages after initial request? (1=yes, 0=no)
var loadedobjects=””;
var rootdomain=”http://”+window.location.hostname;
var bustcacheparameter=””;

function ajaxpage(url, containerid)

{

var page_request = false;

if (window.XMLHttpRequest) // if Moz, 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); }

if (bustcachevar) //if bust caching of external page

bustcacheparameter=(url.indexOf(“?”)!=-1)? “&”+new Date().getTime() : “?”+new Date().getTime();

page_request.open(‘GET’, url+bustcacheparameter, 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
}
}[/CODE]

Thanks in advance for any advice/tips.

Also in #JavaScript _↴