JS Auto Scroller - Not repeating and other problems !?!

[slimboyfatz32]

Hi,

I have implemented an auto scrolling div (with RSS news feeds), the usual thing; you mouse over the text stops etc.. the problems arise with...

(a). the text will not repeat !
(b). if you mouse over the text quickly, the text begins to scroll at a crazy speed, you have to mouse back over it slowly to resume the normal speed ?!!?

here is the code in question ....

Code: Select all

 
<script type="text/javascript">var speed = 3; function init(){  var el = document.getElementById("trafficNews");  el.style.overflow = 'hidden';  scrollFromBottom();} var go = 0;function scrollFromBottom(){  var el = document.getElementById("trafficNews");  if(el.scrollTop >= el.scrollHeight-150){    el.scrollTop = 0;  };  el.scrollTop = el.scrollTop + speed;  if(go == 0){    setTimeout("scrollFromBottom()",50);  };} function stop(){  go = 1;} function startit(){  go = 0;  scrollFromBottom();}
window.onload = init;
</script>
<div id="trafficSignLarge">
<div id="trafficNews" onmouseout="startit();" onmouseover="stop();"><p class="spacer">
<?php require_once (ABSPATH . WPINC . '/rss-functions.php');
$url = 'http://www.highways.gov.uk/rssfeed/rss.xml';
$rss = fetch_rss( $url );
if ( $rss ) {
$i = 1;
foreach ($rss->items as $item) {
$href = $item['link'];
$title = $item['title'];
$description = $item['description'];
echo "<p><h2><a href=$href>$title</a></h2>$description</p>";
if ($i == 10 ) break;
$i = $i + 1;
}
}
?>
<p class="spacer"></div><!--end of trafficNews div-->
</div><!--end of trafficSignLarge div-->

**This code is being implemented in Worpdress***

[CloudedVision]

Java and javascript are entirely different languages. What you've got there is a mixture of javascript, HTML, and PHP.

[Ed]

Moved.

[slimboyfatz32]

Where has this been moved to ????

[CloudedVision]

To the javascript forum

[slimboyfatz32]

any advice ???

[CloudedVision]

I think you'd be able to code it where it reaches the bottom and stops for a few seconds, then goes back to the top, but a continuous scrolling i don't think would be possible.