PDA

View Full Version : Dynamic Ajax Content Help



techfreak04
06-20-2007, 02:25 PM
1) Script Title: Dynamic Ajax Content

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/ajaxcontent.htm

3) Describe problem:
I am trying to use this script to load pages in another div, which is exactly what it is supposed to do, however, when I test the page, I click and nothing happens. I don't know if using SPRY Menus through Dreamweaver CS3 is ruining me or not. Need a little help :)

This is going to be a little long, here is the site code. I can post the loaded .js and .css files if needed to figure this out. Thanks...and it looks like the site does not keep its formatting when entered into here...sorry for the non-tabbed code.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Botetourt Public Safety Building</title>
<link href="common.css" rel="stylesheet" type="text/css" />
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<script type="text/javascript">

/***********************************************
* Dynamic Ajax Content- Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/

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>
<style type="text/css">
<!--
#top {
position:absolute;
left:0px;
top:0px;
width:1024px;
height:60px;
z-index:5;
background-image: url(../images/BPSB_top.gif);
}
#middle {
position:absolute;
left:120px;
top:60px;
width:904px;
height:707px;
z-index:3;
background-image: url(../images/BPSB_middle.gif);
}
#left {
position:absolute;
left:0px;
top:60px;
width:120px;
height:707px;
z-index:5;
background-image: url(../images/BPSB_left.gif);
}

-->
</style>
<link href="SpryAssets/SpryMenuBarVertical.css" rel="stylesheet" type="text/css" />
<style type="text/css">
<!--
.style1 {font-family: Tahoma; font-size:12px}
-->
</style>
</head>

<body>
<div id="background">
<div id="top"></div>
<div id="left">
<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#" class="style1">Home</a> </li>
<li><a href="#" class="style1">Floorplan</a></li>
<li><a href="#" class="MenuBarItemSubmenu style1">AHUs</a>
<ul>
<li><a class="MenuBarItemSubmenu" href="#">AHU 1</a>
<ul>
<li><a href="#">Item 3.1.1</a></li>
<li><a href="#">Item 3.1.2</a></li>
</ul>
</li>
<li><a href="#">AHU 2</a></li>
<li><a href="#">AHU 3</a></li>
<li><a href="#">AHU 4</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu style1">BCUs</a>
<ul>
<li><a href="#" class="MenuBarItemSubmenu style1">First Floor</a>
<ul>
<li><a href="javascript:ajaxpage('index.htm', 'middle');" class="style1">BCU 1</a></li>
<li><a href="#" class="style1">BCU 2</a></li>
<li><a href="#" class="style1">BCU 3</a></li>
<li><a href="#" class="style1">BCU 4</a></li>
<li><a href="#" class="style1">BCU 5</a></li>
<li><a href="#" class="style1">BCU 6</a></li>
<li><a href="#" class="style1">BCU 7</a></li>
<li><a href="#" class="style1">BCU 8</a></li>
<li><a href="#" class="style1">BCU 37</a></li>
<li><a href="#" class="style1">BCU 38</a></li>
<li><a href="#" class="style1">BCU 39</a></li>
<li><a href="#" class="style1">BCU 40</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu style1">Second Floor</a>
<ul>
<li><a href="#">Untitled Item</a></li>
</ul>
</li>
</ul>
</li>
</ul>
</div>
<div id="middle"></div>
</div>


<script type="text/javascript">
<!--
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
//-->
</script>
</body>
</html>

ddadmin
06-21-2007, 04:37 AM
At a glance everything looks to be in order. The script will only outright fail if you're trying to load a page that's not on the same domain as the script. Please post a link to the page on your site that contains the problematic script so we can check it out.