PDA

View Full Version : Dynamic Ajax Content & Blending Image Slideshow



edandrea
04-30-2007, 12:36 PM
1) Script Title: Dynamic Ajax Content & Blending Image Slideshow

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

3) Describe problem: I have inserted both these scrips into my page. Works on local browser but does not work on internet server. I sometimes get errors , 'ie' undefined or 'document.images.slide.filters' null or undefined. as the script is now works fine in local browser. Cant seem to get the two to work together. http://www.salisburybeachhome.com
The ajax works good in both scenerios (local or internet).

Any help would be appreciated. I had searched through the forum and could not find anything simmilar.

<head>
<title>Plover Shores Salisbury Beach</title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/dynamicajaxpage.js"></script>
<script language="JavaScript1.1">
<!--

//*****************************************
// Blending Image Slide Show Script-
// &#169; Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************

//specify interval between slide (in mili seconds)
var slidespeed=3000

//specify images
var slideimages=new Array("house_pics/rot_ocean.jpg","house_pics/rot_beach_side_pd_1.jpg","house_pics/rot_beach_side_1.jpg","house_pics/rot_beach_side_pd_2.jpg","house_pics/rot_beach_side_2.jpg","house_pics/rot_beach_side_pd_3.jpg","house_pics/rot_beach_side_3.jpg")

//specify corresponding links
var slidelinks=new Array("http://www.dynamicdrive.com","http://javascriptkit.com","http://www.geocities.com")

var newwindow=1 //open links in new window? 1=yes, 0=no

var imageholder=new Array()
var ie=document.all
for (i=0;i<slideimages.length;i++){
imageholder[i]=new Image()
imageholder[i].src=slideimages[i]
}

function gotoshow(){
if (newwindow)
window.open(slidelinks[whichlink])
else
window.location=slidelinks[whichlink]
}

//-->
</script>
<script language="JavaScript1.1" src="js/pollcont.js" ></script>

</head>

<body>

<table id="container" cellpadding=0 cellspacing=0>

<tr><td><img src="images/container-top.gif" height="12" /></td></tr>
<tr>
<td id="logoBox"><div id="blankLink"><img src="images/blank.gif" width=240 height=37 border=0 /></div>
<div id="subNav">
<ul>
<li><a href="javascript:ajaxpage('p_cont.html', 'contentarea');">Contact
Us</a></li>
</ul>
</div></td>
</tr>


<tr>
<td >
<table cellspacing="0" cellpadding="0" id="home-links" >
<tr><td>
<div id="globalNav">
<ul>
<li ><a href="javascript:ajaxpage('p_home.html', 'contentarea');">Home</a></li>
<li ><a href="javascript:ajaxpage('p_area.html', 'contentarea');">Area</a></li>
<li ><a href="javascript:ajaxpage('p_demo.html', 'contentarea');">Demographics</a></li>
<li ><a href="javascript:ajaxpage('p_loc.html', 'contentarea');">Location</a></li>
</ul>
</div>
</td></tr>
</table>
</td>
</tr>


<!-- SEARCH -->


<tr><td>

<table id="search" cellspacing="0" cellpadding="0" border="0" align="center">
<tr>
<td>WELCOME</td>
<td id="call">Call for information: 843-875-2354</td>
</tr>
</table>


</td></tr>


<tr><td><img src="images/spacer.gif" height="8" /></td></tr>
<tr><td>
<!-- All Content -->
<div>

<table border="0" cellspacing="0" cellpadding="0" id="adspace">

<tr valign="top">
<td id="homeNav">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td><img src="images/plover_header.gif" /></td></tr>
<tr><td><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="237" height="207" id="plover" align="middle">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="media/plover.swf" />
<param name="quality" value="high" />
<param name="bgcolor" value="#cccccc" />
<embed src="media/plover.swf" quality="high" bgcolor="#cccccc" width="237" height="207" name="plover" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td></tr>
<tr><td><img src="images/plover_footer.gif" /></td></tr>
</table>
</td><td><img src="images/blank.gif" width="10" /></td>
<td valign="top" align="center" rowspan="3">
<table cellpadding="0" cellspacing="0">
<tr>
<td width="490" height="380" valign="top">

<div id="contentarea">
<script type="text/javascript">ajaxpage('p_home.html', 'contentarea') //load "p_home.html" into "contentarea" DIV
</script>
<script language="JavaScript1.1">//*****************************************
// Blending Image Slide Show Script-
// &#169; Dynamic Drive (www.dynamicdrive.com)
// For full source code, visit http://www.dynamicdrive.com/
//*****************************************



var whichlink=0
var whichimage=0
var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0
function slideit(){
if (!document.images) return
if (ie) document.images.slide.filters[0].apply()
document.images.slide.src=imageholder[whichimage].src
if (ie) document.images.slide.filters[0].play()
whichlink=whichimage
whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0
setTimeout("slideit()",slidespeed+blenddelay)
}
slideit()</script>
</div></td>
</tr>

<tr><td colspan=2 align="center">
<table cellpadding="0" cellspacing="0" id="smallPromoTable">
<tr>
<td valign=top >
<!-- Image Promotion -->
<table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
<tr>
<td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_1.gif" /></td>
</tr>
</table>
</td>
<td class="smallPromoVertSpace">&nbsp;</td>
<td valign=top >
<!-- Image Promotion -->
<table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
<tr>
<td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_2.gif" width="140" height="98" alt="" /></td>
</tr>
</table>
</td>
<td class="smallPromoVertSpace">&nbsp;</td>
<td valign=top >
<!-- Image Promotion -->
<table class="smallPromoImageTable" cellspacing="0" cellpadding="0">
<!--DWLayoutTable-->

<tr>
<td class="smallPromoImageTableTd"><img src="house_pics/beach_side_pd_3.gif" width="140" height="98" alt="" /></td>
</tr>
</table>
</td>

</tr>
</table>

</td></tr>
</table>
</td>
</tr>

<tr><td><img src="images/spacer.gif" height="8" /></td></tr>

<tr valign="bottom">
<td valign="top">


<table cellpadding="0" cellspacing="0" border="0" width="237">
<tr><td class="weatherHeader"><a href="#">Photos</a></td></tr>
<tr><td class="weatherbkg"><img src="images/spacer.gif" height="10" /></td></tr>
<tr align="middle"><td class="weatherbkg"><div id="wx_module_3571">
<a href="http://www.weather.com/weather/local/USMA0361">Salisbury Weather Forecast, MA</a>
</div>

<script type="text/javascript">

/* Locations can be edited manually by updating 'wx_locID' below. Please also update */
/* the location name and link in the above div (wx_module) to reflect any changes made. */
var wx_locID = 'USMA0361';

/* If you are editing locations manually and are adding multiple modules to one page, each */
/* module must have a unique div id. Please append a unique # to the div above, as well */
/* as the one referenced just below. If you use the builder to create individual modules */
/* you will not need to edit these parameters. */
var wx_targetDiv = 'wx_module_3571';

/* Please do not change the configuration value [wx_config] manually - your module */
/* will no longer function if you do. If at any time you wish to modify this */
/* configuration please use the graphical configuration tool found at */
/* https://registration.weather.com/ursa/wow/step2 */
var wx_config='SZ=180x150*WX=FHW*LNK=SSNL*UNT=F*BGI=boat*MAP=null|null*DN=salisburybeachhome.com*TIER=0*PID=1037142936*MD5=e2854c18928934668dc5f066b76020c6';

document.write('<scr'+'ipt src="'+document.location.protocol+'//wow.weather.com/weather/wow/module/'+wx_locID+'?config='+wx_config+'&proto='+document.location.protocol+'&target='+wx_targetDiv+'"></scr'+'ipt>');
</script></td></tr>
<tr><td class="weatherbkg"><img src="images/spacer.gif" height="10" /></td></tr>
<tr><td><img src="images/weather_footer.gif" /></td></tr>
</table>


</td>
</tr>


</table>

</div>

</td></tr>
<tr><td>

<table align="center" cellpadding="0" cellspacing="0" border=0 class="copyrightTable">
<tr>
<td>
<table class="bottomlinks" cellpadding="0" cellspacing="0" ID="Table2">
<tr>
<td valign="top" class="BottomLinkColumn">
<a href="#">Privacy Policy</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="#">Terms and Conditions</a>
</td>
</tr>
</table>
</td>
</tr>
<tr><td align=right class="ploverlogocolumn"><img src="images/logo_small.jpg" /></td></tr>
</table>
</td></tr>

<tr><td><img src="images/container-bottom.gif" height="12" /></td></tr>

<!-- End ubertable-->
</table>

<!-- copyright -->
<table width="765" align="center">
<tr>
<td class="CopyRight"><a href="http://www.igraphicsolutions.com">&copy; Copyright 2007 Integrated Graphic Solutions</a></td>
</tr>
</table>



</body>
</html>