How Do I summon hyperlink to page and populate specific div in that page?

[simcoweb]

Hi everyone. I've been wrestling over this for about a week. Any help would be great.

 

I have a page called staff.html which has a vertical sub-menu in it listing the staff members. When a staff member's name is clicked on the content is loaded into a div to the right of the menu called #mainright. The Ajax code i'm using works flawlessly in bringing the content into the div. But, what I want to do is be able to link to the staff page and have that div populated with the staff member's content.

 

To further clarify, If they are on the staff page no problem. But let's say in my main site menu I have a drop down that lists the members of the staff individually. When clicked upon it would go to the staff.html page and display Dr. Jones or Dr. Smith or which ever one I selected from the main menu.

 

Right now the hyperlinks for the sub-menu look like this:

 

<a class="stafflinks" href="javascript:ajaxpage('adults-and-adolescents.html', 'mainright');">Adults and Adolescents</a>

 

That tells the ajax code what page to put into the designated div. Here's the ajax code i'm using:

 

<script type="text/javascript">

var bustcachevar=1 //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 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)
}
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
}
}
}

</script>

 

Thanks in advance!