PDA

View Full Version : Scrolling text that does not scroll



andywalmsley
01-08-2012, 07:19 PM
:: Pausing up-down Scroller

http://www.dynamicdrive.com/dynamicindex2/crosstick.htm

I'm trying to use this script as part of a Dreamweaver template, with the code copied and amended in the Head and Body sections of the template. The first text entry displays ok, but no others. Ie. the text does not scroll.
Can anybody help?

jscheuer1
01-08-2012, 07:38 PM
Please post a link to the page on your site that contains the problematic code so we can check it out.

andywalmsley
01-08-2012, 08:07 PM
Hi John,
As the code is not working, I've not loaded it - the site is close to 500 pages so loading is time consuming and would be pointless. Shall I copy the code and put it on the forum?
Andy

jscheuer1
01-08-2012, 08:28 PM
Better yet, just put up a single demo page that shows the problem and provide a link to it. That's the easiest for us to diagnose. It's best to see a problem before attempting to fix it. Failing that, yes copy the code - if it's not too long and post it. Or make a .zip of it if it is too long and attach it to a post. But if there is too much code and the problem cannot be duplicated in a local mock up from the code you provide, it would be pointless. As I say, best to see the problem to fix it.

andywalmsley
01-08-2012, 09:14 PM
The variable code from the Head section is as follows. (The remaining code from this section is straight from the Dynamic Drive web site).


<style type="text/css">
/*CSS for the scroller*/
#pscroller1{
width: 420px;
height: 65px;
border: 1px solid #0099FF;
padding: 5px;
background-color: #FFFFFF;
font-family:
Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;)
</style>

<script type="text/javascript">
/*Message array for the scroller*/
var pausecontent=new Array()
pausecontent[0]='A delightful New Forest web site - Peter Roberts, Chairman of the New Forest Association'
pausecontent[1]='Since moving to the New Forest in 2008, I have made good use of what must be the*most informative*and useful web site on the New Forest - Paul Brock, writer, photographer and Scientific Associate of the Natural History Museum, London'
pausecontent[2]='Congratulations on a fantastic, comprehensive New Forest web site - Alan Gilbert'
pausecontent[3]='I think your New Forest web-site is fantastic, one of the best I have ever seen - Rob Anderson'
pausecontent[4]='I was just thinking about going to the New Forest and I found so much information - the walks, facts, things to do*and so much more. Thank you, you have made my life so much easier and have given me lots to think about - Celia Whitehouse'
pausecontent[5]='Love the site and have recommended it to many of my friends - Irene Button'
pausecontent[6]='Have just returned from a lovely weekend staying in Lyndhurst. Did two of your walks from the website - brilliant walks with excellent instructions. Really enjoyed them - Pat Beckley'
pausecontent[7]='I have been a visitor to your site for over a year and have watched it develop into probably the best online resource on the Forest - Nick, English Longbow Films'
pausecontent[8]='I just wanted to say thanks for your excellent walking routes from Brockenhurst and Boldre. We did both walks and the instructions were excellent. Many thanks - Dan Morgan'
pausecontent[9]='Congratulations on an excellent and informative site. It clearly represents a lot of careful work by one who cares for the Forest. Thank you - John Wingham'
pausecontent[10]='Firstly let me say what a fantastic web site. I have found it most useful in helping to plan a visit to the New Forest....Frank Farrow'
</script>


The script from the Body section follows, embedded in a table.

<table width="440" border="0" align="center" class="Tablenobackgroundnoborder">
<tr>
<td>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "", 9000)
</script>
&nbsp;</td>
</tr>
</table>

Hope this helps.
Andy

andywalmsley
01-08-2012, 11:11 PM
John,
I've posted the code but it's gone into moderation - HTML not allowed.
Andy

jscheuer1
01-09-2012, 03:09 AM
I'm not sure why the system moderated that, I've approved it.

Anyways, the code in your post is fine. When combined with the script from the demo page it works:

http://home.comcast.net/~jscheuer1/side/pause_up_down_scroll_h.htm

So, if it's not working for you, somehow the script part isn't being included or isn't being included at the right place, or is in conflict with some other script.

Or there's something about the rest of the page - markup or styles that's causing a problem.

To check to see whether or not the script is there and in the right place, you can use your browser's 'view source' while looking at the page. If that shows a problem, like perhaps the main script coming before the definitions for the content, adjust your template so that the main script comes after the script that defines the content.

For the rest, it's trickier to explain what to look for or how to correct it because there are so many possibilities. But it should be a snap if I could just see the actual page. The only potential problem would be if you cannot figure out a way to get the template to produce the needed changes I discover.

But, as I said, if there's still a problem, I would need to see it.

andywalmsley
01-09-2012, 08:10 AM
Hi John,
I've looked closely at script positioning following your last post and have changed it around a bit. Still no good, though. Here's a copy of all the code, sent over four responses to comply with response length criteria. I'd be grateful for further comments.
Thanks,
Andrew


<!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=iso-8859-1" />

<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<link href="../Mycascadingstylesheets.css" rel="stylesheet" type="text/css" />
<style type="text/css">
/*CSS for the scroller*/
#pscroller1{
width: 420px;
height: 65px;
border: 1px solid #0099FF;
padding: 5px;
background-color: #FFFFFF;
font-family:
Arial, Helvetica, sans-serif;
font-size: 12px;
color: #CC0000;
font-style: normal;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;)
</style>

<script type="text/javascript">
/*Message array for the scroller*/
var pausecontent=new Array()
pausecontent[0]='A delightful New Forest web site - Peter Roberts, Chairman of the New Forest Association'
pausecontent[1]='Since moving to the New Forest in 2008, I have made good use of what must be the*most informative*and useful web site on the New Forest - Paul Brock, writer, photographer and Scientific Associate of the Natural History Museum, London'
pausecontent[2]='Congratulations on a fantastic, comprehensive New Forest web site - Alan Gilbert'
pausecontent[3]='I think your New Forest web-site is fantastic, one of the best I have ever seen - Rob Anderson'
pausecontent[4]='I was just thinking about going to the New Forest and I found so much information - the walks, facts, things to do*and so much more. Thank you, you have made my life so much easier and have given me lots to think about - Celia Whitehouse'
pausecontent[5]='Love the site and have recommended it to many of my friends - Irene Button'
pausecontent[6]='Have just returned from a lovely weekend staying in Lyndhurst. Did two of your walks from the website - brilliant walks with excellent instructions. Really enjoyed them - Pat Beckley'
pausecontent[7]='I have been a visitor to your site for over a year and have watched it develop into probably the best online resource on the Forest - Nick, English Longbow Films'
pausecontent[8]='I just wanted to say thanks for your excellent walking routes from Brockenhurst and Boldre. We did both walks and the instructions were excellent. Many thanks - Dan Morgan'
pausecontent[9]='Congratulations on an excellent and informative site. It clearly represents a lot of careful work by one who cares for the Forest. Thank you - John Wingham'
pausecontent[10]='Firstly let me say what a fantastic web site. I have found it most useful in helping to plan a visit to the New Forest....Frank Farrow'
</script>

<script type="text/javascript">

/***********************************************
* Pausing up-down scroller- Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/

function pausescroller(content, divId, divClass, delay){
this.content=content //message array content
this.tickerid=divId //ID of ticker div to display information
this.delay=delay //Delay between msg change, in miliseconds.
this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)
this.hiddendivpointer=1 //index of message array for hidden div
document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')
var scrollerinstance=this
if (window.addEventListener) //run onload in DOM2 browsers
window.addEventListener("load", function(){scrollerinstance.initialize()}, false)
else if (window.attachEvent) //run onload in IE5.5+
window.attachEvent("onload", function(){scrollerinstance.initialize()})
else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec
setTimeout(function(){scrollerinstance.initialize()}, 500)
}

// -------------------------------------------------------------------
// initialize()- Initialize scroller method.
// -Get div objects, set initial positions, start up down animation
// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){
this.tickerdiv=document.getElementById(this.tickerid)
this.visiblediv=document.getElementById(this.tickerid+"1")
this.hiddendiv=document.getElementById(this.tickerid+"2")
this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))
//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)
this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"
this.getinline(this.visiblediv, this.hiddendiv)
this.hiddendiv.style.visibility="visible"
var scrollerinstance=this
document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}
document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}
if (window.attachEvent) //Clean up loose references in IE
window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})
setTimeout(function(){scrollerinstance.animateup()}, this.delay)
}


// -------------------------------------------------------------------
// animateup()- Move the two inner divs of the scroller up and in sync
// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){
var scrollerinstance=this
if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){
this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"
this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"
setTimeout(function(){scrollerinstance.animateup()}, 50)
}
else{
this.getinline(this.hiddendiv, this.visiblediv)
this.swapdivs()
setTimeout(function(){scrollerinstance.setmessage()}, this.delay)
}
}

// -------------------------------------------------------------------
// swapdivs()- Swap between which is the visible and which is the hidden div
// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){
var tempcontainer=this.visiblediv
this.visiblediv=this.hiddendiv
this.hiddendiv=tempcontainer
}

pausescroller.prototype.getinline=function(div1, div2){
div1.style.top=this.visibledivtop+"px"
div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"
}

// -------------------------------------------------------------------
// setmessage()- Populate the hidden div with the next message before it's visible
// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){
var scrollerinstance=this
if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)
setTimeout(function(){scrollerinstance.setmessage()}, 100)
else{
var i=this.hiddendivpointer
var ceiling=this.content.length
this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1
this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]
this.animateup()
}
}

andywalmsley
01-09-2012, 08:12 AM
pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any
if (tickerobj.currentStyle)
return tickerobj.currentStyle["paddingTop"]
else if (window.getComputedStyle) //if DOM2
return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")
else
return 0
}

</script>
</head>

<body>
<table width="780" border="1" align="center" cellpadding="5" cellspacing="5" class="tablepaleblueborder" id="Fullpage">
<tr class="tablepalebluebackground">
<th colspan="3" scope="row"><table width="770" border="0" align="center" cellpadding="0" cellspacing="0" class="tablenoborder" id="Banner">
<tr>
<th scope="row"><img src="../Bannerheading/bannerheadingv3_10_opt30.jpg" alt="Banner heading" width="673" height="120" /></th>
<td><img src="../Bannerheading/NewforestlocmapV2_opt20.jpg" alt="Location map" width="107" height="121" /></td>
</tr>
</table></th>
</tr>
<tr>
<th width="100" height="80" class="tablemedbluebackgrounddarkblueborder" scope="row"><table width="104" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Mountedprints">
<tr>
<th height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../traffic_news.html" title="Traffic News" class="bodycopy13fontdarkblue"> Traffic News</a><br />
- all the latest information <br />
</div></th>
</tr>

</table></th>
<td width="560" class="tablemedbluebackgrounddarkblueborder"><table width="570" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Topofpage">
<tr>
<th width="202" height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../daysoutinthenewforest/daysoutpage_1.html" title="Days Out in the New Forest" class="bodycopy13fontdarkblue">Days Out in the New Forest</a><a href="../daysoutinthenewforest/daysoutpage_1.html" title="Days Out in the New Forest "><br />
</a> - lots of ideas for inexpensive<br />
days out in the New Forest </div></th>
<th width="1" valign="middle" class="tablemediumbluebackground" scope="row">&nbsp;</th>
<th width="134" height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../traffic_news.html" title="New Forest Traffic News"></a><a href="../placestovisit/aintroandnavigation/introandnavigation.html" title="Places to visit" class="bodycopy13fontdarkblue">Places to Visit</a><br />
- the top twenty from around the region
</div></th>
<th width="1" valign="middle" class="tablemediumbluebackground" scope="row">&nbsp;</th>
<td width="203" height="53" valign="middle" class="bodycopy"><div align="center"><a href="../sitefolders/whatson/whatsonintroandsecondlevelnav.html" title="What's On in the New Forest?" class="bodycopy13fontdarkblue">What's On in the New Forest?</a><br />
- an indispensible guide
to<br />
events and activities </div></td>
</tr>

</table></td>
<td width="101" class="tablemedbluebackgrounddarkblueborder"><table width="104" border="0" align="center" cellspacing="0" class="tablepalebluebackgrounddarkblueborder" id="Digitalimages">
<tr>
<th height="53" valign="middle" class="bodycopy" scope="row"><div align="center"><a href="../sitefolders/weather_forecasts/new_forest_weather_forecast.html" title="New Forest Weather Forecast" class="bodycopy13fontdarkblue">New Forest Weather Forecast</a></div></th>
</tr>

</table></td>
</tr>
<tr valign="top">
<th class="tablemedbluebackgrounddarkblueborder" scope="row"><table width="90" border="2" align="center" cellpadding="5" cellspacing="0" class="tablewhiteborder" id="Navigation">
<tr class="tablewhiteborder">
<th class="bodycopy" scope="row"><table width="87" border="1" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Homepage">
<tr class="tablepalebluebackground">
<th width="87" class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../index.html" title="Home page" class="bodycopy13fontdarkblue">Home Page</a></div></th>
</tr>

</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" border="2" cellpadding="0" cellspacing="0" class="tabledarkblueborder">
<tr>
<td width="89" height="72"><table width="81" border="0" align="center" cellpadding="3" cellspacing="0" class="tablepalebluebackground">
<tr>
<td><div align="left"><a href="../sitefolders/imagegallery/slideshows/slideshowlandscapes/slideshowlandscapes.html" title="New Forest Slide Show - enjoy the New Forest's many moods" class="bodycopy13fontdarkblue">Stress relief the New Forest way</a></div></td>
</tr>
</table></td>
</tr>
</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Townsandvillages">
<tr class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/villages/aintroduction/introductionpage.html" title="New Forest villages" class="bodycopy13fontdarkblue">New Forest Villages</a> </div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/beaulieu/welcome/beaulieuwelcomepage.html" title="Beaulieu" class="bodycopy13font">Beaulieu</a></div>
</div></th>
</tr>
<tr class="tabledarkblueborder">
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/brockenhurst/welcome/brockenhurstwelcomepage.html" title="Brockenhurst" class="bodycopy13font">Brockenhurst</a></div>
</div></th>
</tr>
<tr class="tabledarkblueborder">
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/burley/welcome/burleywelcomepage.html" title="Burley" class="bodycopy13font">Burley</a></div>
</div></th>
</tr>
<tr class="tabledarkblueborder">
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/lyndhurst/welcome/welcomepage.html" title="Lyndhurst" class="bodycopy13font">Lyndhurst</a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Walks">
<tr class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/walks/asecondlevelnavigation/introductionpage.html" title="New Forest walks" class="bodycopy13fontdarkblue">New Forest Walks</a> </div></th>
</tr>

<tr>
<th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left" class="bodycopy13font">Beaulieu walks </div>
</div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/walks/boldre/boldrewalkpage.html" title="Boldre" class="bodycopy13font">Boldre</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/walks/brockenhurst/introandwalknavigationpage/introandnavigationpage.html" title="Brockenhurst" class="bodycopy13font">Brockenhurst</a></div>
</div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left" class="bodycopy13font">Burley </div>
</div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/walks/Lyndhurst/lyndintroandnavigpage/secondlevelnavifgationpage.html" title="Lyndhurst " class="bodycopy13font">Lyndhurst </a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Cyclerides">
<tr class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/cycling/cyclingintro/cyclingintropage.html" title="New Forest Cycle Rides" class="bodycopy13fontdarkblue">New Forest Cycling</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/cycling/cyclingintro/secondlevelnavigationpage.html" title="A selection of Cycle Routes " class="bodycopy13font">A selection of Cycle Rides </a></div></th>
</tr>

andywalmsley
01-09-2012, 08:16 AM
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/cycling/cyclehire/cyclehiremappage.html" title="New Forest Cycle Hire" class="bodycopy13font">New Forest Cycle Hire</a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th height="255" class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Wildlife">
<tr bgcolor="#CCCCFF" class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/aintroduction/wildlifeintropage.html" title="New Forest Wildlife" class="bodycopy13fontdarkblue">The Wild Forest</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/birds/aasecondlevelnavigation/birdssecondlevelnavigation.html" title="Birds" class="bodycopy13font">Birds</a></div></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/insects/insectsecondlevelnavigation/secondlevelnavpage.html" title="Butterflies, dragonflies, other insects" class="bodycopy13font">Butterflies, dragonflies, other insects</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/fungi/fungiintro/fungiintropage.html" title="Fungi" class="bodycopy13font">Fungi</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/mammals/aasecondlevelnavigation/secondlevelnavigationpage.html" title="Mammals" class="bodycopy13font">Mammals</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/reptilesandamphibians/aasecondlevelnavigation/reptilesandamphibianspage.html" title="Reptiles and amphibians" class="bodycopy13font">Reptiles and amphibians</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlife/wildflowers/aasecondlevelnavigation/plantssecondlevelnavigation.html" title="Link to the wild flowers pages" class="bodycopy13font">Wild flowers</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlifenewsandnotes/secondlevelnavigation/secondlevelnavigationpage.html" title="Wildlife and Environmental News" class="bodycopy13font">Wildlife, Environmental and other News</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/wildlifecalendars/wildlifecalendarsnavigation.html" title="Wildlife Calendars" class="bodycopy13font"> Wildlife Calendars</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy13font"><a href="../sitefolders/imagegallery/imagegallerypage.html" title="Image gallery">Image gallery</a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Landscapes">
<tr class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/landscape/aintroduction/landscapeintropage.html" title="New Forest Landscapes" class="bodycopy13fontdarkblue">New Forest Landscapes</a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Cyclerides">
<tr class="tablepalebluebackground">
<th height="58" class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/commoning/aintroduction/commoningintropage.html" title="New Forest Common Rights" class="bodycopy13fontdarkblue">The Commoners' Forest</a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/pasture/pasturepage.html" title="Ponies " class="bodycopy13font">Ponies </a></div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/mast/mastpage.html" title="Pigs" class="bodycopy13font">Pigs</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/commoning/fuelwood/fuelwoodpage.html" title="Fuel for the fire" class="bodycopy13font">Fuel for the fire</a></div></th>
</tr>
</table></th>
</tr>
<tr>
<th height="316" class="bodycopy" scope="row"><table width="93" border="2" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="History">
<tr class="tablepalebluebackground">
<th class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/history/historypage.html" title="New Forest history" class="bodycopy13fontdarkblue">A little bit of history</a></div></th>
</tr>

<tr>
<th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/beaulieu/historyintro/beaulieuhistorypage.html" title="Beaulieu history " class="bodycopy13font">Beaulieu history </a></div>
</div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/brockenhurst/historyintro/brockenhursthistorypage.html" title="Brockenhurst History" class="bodycopy13font">Brockenhurst</a></div>
</div></th>
</tr>
<tr>
<th height="23" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../sitefolders/villages/burley/historyintro/burleyhistorypage.html" title="Burley" class="bodycopy13font">Burley</a></div>
</div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/lyndhurst/aasecondlevelnavigation/secondlevelpage.html" title="Lyndhurst history " class="bodycopy13font">Lyndhurst history </a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/history/inclosurehistory/inclosurehistorypage.html" title="Woodland Inclosures " class="bodycopy13font">Woodland Inclosures </a></div></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/faqs/aasecondlevelnavigation/faqssecondlevelnavigation.html" title="Shapes in the landscape" class="bodycopy13font">Shapes in the landscape</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/villages/anoldimagesgallery/thumbnailpage.html" title="New Forest scenes from days-gone-by" class="bodycopy13font">Scenes from days-gone-by</a></div></th>
</tr>
</table></th>
</tr>

</table></th>
<td><!-- TemplateBeginEditable name="Centraleditableregion" -->
<h1 class="tablewhitebackground">&nbsp;</h1>
<!-- TemplateEndEditable -->
<p>&nbsp;</p></td>
<td class="tablemedbluebackgrounddarkblueborder"><table width="104" border="2" cellpadding="5" cellspacing="0" class="tablewhiteborder" id="linksandcomments">
<tr><td class="bodycopy"><table width="88" border="1" align="center" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Placestostay">
<tr>
<th width="78" class="tablepalebluebackground" scope="row"><div align="left" class="bodycopy"><a href="../accom_intro/accom_intro_page.html" title="New Forest Places to Stay" class="bodycopy13fontdarkblue">New Forest Places to Stay</a></div></th>
</tr>
<tr>
<th class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../bedandbreakfast/aintroandnavigation/introandnavpage.html" title="New Forest Bed and Breakfast " class="bodycopy13font">New Forest Bed and Breakfast </a></div>
</div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../selfcatering/aintroandnavigation/introandnavpage.html" title="New Forest Self Catering " class="bodycopy13font">New Forest<br />
Self Catering </a></div>
</div></th>
</tr>

andywalmsley
01-09-2012, 08:17 AM
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left" class="bodycopy">
<div align="left"><a href="../hotels/aintroandnavigation/introandnavpage.html" title="New Forest Hotels " class="bodycopy13font">New Forest Hotels </a></div>
</div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/camping/campingpage.html" title="New Forest Camping" class="bodycopy13font">New Forest Camping</a></div></th>
</tr>
<tr>
<th height="40" class="bodycopy" scope="row"><div align="left"><a href="../sitefolders/camping/campsitemappage.html" title="New Forest Campsites" class="bodycopy13font">New Forest Campsites</a></div></th>
</tr>
</table></td>
</tr>
<tr><td class="bodycopy"><table width="88" border="1" align="center" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Pubguide">
<tr class="tablepalebluebackground">
<th width="88" class="bodycopy" scope="row"><div align="left" class="bodycopy"><a href="../sitefolders/pub guide/pubguideintropage.html" title="New Forest Pub Guide" class="bodycopy13fontdarkblue">New Forest<br />
Pub Guide</a></div></th>
</tr>
</table></td>
</tr>
<tr><td class="bodycopy"><table width="88" border="1" align="left" cellpadding="3" cellspacing="0" class="tabledarkblueborder">
<tr>
<td><table width="81" border="0" cellpadding="0" cellspacing="0" class="tablepalebluebackground">
<tr>
<td><a href="../sitefolders/horseriding/horseridingpage.html" title="New Forest Horse Riding" class="bodycopy13fontdarkblue">New Forest Horse Riding</a></td>
</tr>
</table></td>
</tr>
<tr>
<td height="40"><a href="../sitefolders/horseriding/horseridingstablesmappage.html" title="New Forest Stables " class="bodycopy13font">New Forest Stables</a></td>
</tr>
<tr>
<td height="40"><a href="../sitefolders/commoning/pony_parade/pony_parade.html" title="New Forest Pony Parade" class="bodycopy13font">New Forest Pony Parade</a></td>
</tr>
</table></td>
</tr>
<tr><td class="bodycopy"><table width="88" border="1" align="center" cellpadding="3" cellspacing="0" class="tabledarkblueborder" id="Pubguide">
<tr class="tablepalebluebackground">
<th width="83" height="70" class="bodycopy" scope="row"><div align="left" class="bodycopy"><span class="bodycopy13fontdarkblue"><a href="../sitefolders/wildlifenewsandnotes/new_forest_and_other_news.html" title="New Forest News">New Forest News</a></span> - news from around the area </div></th>
</tr>
</table></td>
</tr>
<tr valign="top"><td height="1062" class="bodycopy"><div align="center"><img src="../IMG_2567_wtown_crags_sky.jpg" alt="blue sky" width="84" height="1045" /></div></td>
</tr>
</table>
</td>
</tr>
<tr valign="top">
<th class="tablemedbluebackgrounddarkblueborder" scope="row">&nbsp;</th>
<td valign="top" class="tablewhiteborder"><div align="center">
<div align="left">
<div align="center">
<table width="550" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td class="bodycopy14fontdarkblue"><div align="center">Search this site </div></td>
</tr>
<tr>
<td><form action="http://www.google.co.uk/cse" id="cse-search-box" target="_blank">
<div>
<div align="center">
<input type="hidden" name="cx" value="partner-pub-2429708575946235:xcwsa3c7bsv" />
<input type="hidden" name="ie" value="ISO-8859-1" />
<input type="text" name="q" size="30" />
<input type="submit" name="sa" value="Search" />
</div>
</div>
</form>
<div align="center">
<script type="text/javascript" src="http://www.google.co.uk/cse/brand?form=cse-search-box&amp;lang=en"></script>
&nbsp;<span class="bodycopy13fontdarkblue"><br />
<br />
</span></div>
<div align="center"><span class="bodycopy13fontdarkblue"> Thank you for your comments
- here is a small selection of those received:</span></div>

<table width="440" border="0" align="center" class="Tablenobackgroundnoborder">
<tr>
<td>
<script type="text/javascript">
//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)
new pausescroller(pausecontent, "pscroller1", "", 9000)
</script>
&nbsp;</td>
</tr>
</table>

<p>&nbsp;</p></td>
</tr>
</table>
<table width="560" border="1" cellpadding="2" cellspacing="0" class="tablepalebluebackground" id="bottomofpagetable">
<tr>
<td height="51" colspan="4" valign="middle" class="bodycopy"><div align="center"><a href="../sitefolders/advertisehere/advertiseherepage.html" title="Advertise here">Cost-effective advertising starts here</a>:<br />
Impressive Google rankings + High visitor numbers + Extremely competitive rates<br />
= Great value for advertisers </div></td>
</tr>
<tr>
<td height="40" colspan="4" valign="middle" class="bodycopy"><div align="center"><a href="../sitefolders/Feedbackcontactus/feedbackpage.html" title="Feedback / Contact us with your comments, questions, suggestions for improvements, etc. "> Feedback / Contact us with your comments, questions, suggestions for improvements, etc.</a></div></td>
</tr>
<tr>
<td colspan="2" class="bodycopy"><div align="left"><span class="Bodycopy9font"><strong>Web site design and development by </strong></span><a href="../sitefolders/topofpagestuff/webdevelopmentpage.html" title="New Forest Web Services">New Forest Web Services</a></div></td>
<td class="bodycopy"><div align="center"><a href="../sitefolders/aboutus/aboutuspage.html" title="About us">About us</a></div></td>
<td width="125" class="bodycopy"><div align="center"><a href="../sitefolders/links/linkspage.html" title="Useful Links">Useful Links</a></div></td>
</tr>
<tr>
<td width="243" height="32" rowspan="2"><div align="left"><span class="Bodycopy9font"><strong>Copyright &copy; 2007/2008 Andrew Walmsley All rights reserved</strong></span></div></td>
<td width="70" rowspan="2"><div align="left" class="bodycopy">
<div align="center"><a href="../sitefolders/sitemap/userviewsitemappage.html" title="Site Map">Site Map</a></div>
</div></td>
<td width="96"><div align="left" class="bodycopy">
<div align="center"><a href="../sitefolders/topofpagestuff/privacypolicy.html" title="Privacy Policy">Privacy Policy</a></div>
</div></td>
<td class="style2"><div align="left" class="bodycopy"><a href="../sitefolders/termsandconditions/termsandconditionspage.html">Terms and Conditions</a></div></td>
</tr>
<tr>
<td><div align="left" class="bodycopy">
<div align="center"><a href="../sitefolders/topofpagestuff/copyright/copyrightpage.html" title="Copyright notice">Copyright notice</a></div>
</div></td>
<td class="bodycopy"><div align="center"><a href="../sitefolders/topofpagestuff/copyright/copyrightpage.html" title="Copyright notice"></a><a href="../sitefolders/acknowledgements/acknowledgementspage.html" title="Acknowledgements">Acknowledgements</a></div></td>
</tr>
</table>
</div>
</div>
</div></td>
<td class="tablemedbluebackgrounddarkblueborder">&nbsp;</td>
</tr>
</table>

<!----The following code relates to Google Analytics---->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-9987572-1");
pageTracker._trackPageview();
} catch(err) {}</script>

</body>
</html>

andywalmsley
01-09-2012, 08:18 AM
Hi John,
Please note, the first code post went into moderation, but not the others.
Andy

jscheuer1
01-09-2012, 09:05 AM
Um, you could have made a .zip file of that and attached it to a message. To make a .zip attachment - Have the .zip file ready. Use the advanced editor (if you're not in the advanced editor, click the "Go Advanced" button near the bottom of the simple editor there). Once in the advanced editor, click on the little paper clip icon. Then follow the prompts.

Anyways, once I put that all back together, it worked fine:

http://home.comcast.net/~jscheuer1/side/pause_up_down_scroll_2_h.htm

Are you testing this in the browser, or in an editor? Editors can sometimes mess up when previewing javascript.

Other than that, I can't think of anything else other than seeing a live example of the problem.

andywalmsley
01-10-2012, 02:23 PM
Hi John,
I think I have the answer.

I tried another Dynamic Drive scroller script with the same result, which is surely too much of a coincidence.
The page I've been testing on also has Google Adsense scripts present. When testing using Dreamweaver's IE simulation facility, the Adsense ads take ages to appear and neither scroller works - even when all the ads have appeared.
I've now put both scrollers on a single page that also has Adsense ads, and transfered it to the Internet. Both scrollers work perfectly.

The problem seems to be caused by the test environment combined with Adsense scripts. I'll load the complete site tonight, and hopefully all will be well.

Thanks for your help,
Andrew

andywalmsley
01-11-2012, 09:10 PM
John,
I've loaded the site and all works well. Thanks again for your help.
Andy