Ik heb een javascriptje gevonden die nieuwsberichten uit mijn sql datebase haalt en scrolt op mijn homepage. Nu moet hij 2 seconde stoppen na elke bericht. Nu krijg ik dit niet helemaal goed voor elkaar. Het is waarschijnlijk instellen van een aantal variabele. Bij het eerste bericht stopt hij netjes daarna scrolt hij te veer door. Ik zit de hele middag al te klote met de variabele maar kom er niet uit. Iemand een idee?
Als ik de volgende regel toevoeg in de functie scrollscroller() in de eerste else if: space = 288;
Dan werkt het perfect...
alleen repeat hij niet. Als hij alle berichten heeft laten zien begint hij niet opnieuw...
Wie helpt?
// JAVASCRIPT
<script language="JavaScript1.2">
var scrollerwidth="100%";// Scrollers width here (in pixels)
var scrollerheight="90px";// Scrollers height here
var scrollerspeed=1;// Scrollers speed here (larger is faster 1-10)
var pauseit=1
scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var space=299
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0
var i = 0;
//var ourInterval = setInterval("scrollscroller()", 1000);
function populate(){
if (iedom){
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
}
else if (document.layers){
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+5
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
}
lefttime=setInterval("scrollscroller()",20)
}
window.onload=populate
function scrollscroller(){
if (iedom){
if (space!=80 && space!=200 && space != -40 && space != -130){
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px";
space = space-copyspeed;
}else if(space==80 || space == -40 || space==200){
clearInterval(lefttime);
setTimeout("direct()", 2000);
// space = 288;
}else if(space == -130){
space = 282;
cross_scroller.style.top=parseInt(scrollerheight)+8+"px";
}
}else if (document.layers){
if (ns_scroller.top>(actualheight*(-1)+5))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+5
}
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller">')
write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
write('</ilayer>')
}
}
}
function direct(){
lefttime=setInterval("scrollscroller()",20)
i++;
space = space-copyspeed;
}
</script>
// PHP CODE DIE DE NIEUWSBERICHTEN TOONT
foreach ( $pages as $page ){
$newsid = $page->get_id();
$timestamp = strtotime ($page->get_date());
$output = date("d/m/Y", $timestamp);
$newsstring .= "<table width=\"100%\" height=\"90\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"style3\">".$page->get_textheaderen()." ".$output."</td><tr><td>".limitstring($page->get_texten(),150)."</td></tr><tr><td align=\"right\"><a href=\"internal.php?id=2&newsid=$newsid\">Read more >></a></td></table>";
}
echo "<script language=\"JavaScript\">var scrollercontent = '".$newsstring."';</script>";
Als ik de volgende regel toevoeg in de functie scrollscroller() in de eerste else if: space = 288;
Dan werkt het perfect...
// JAVASCRIPT
<script language="JavaScript1.2">
var scrollerwidth="100%";// Scrollers width here (in pixels)
var scrollerheight="90px";// Scrollers height here
var scrollerspeed=1;// Scrollers speed here (larger is faster 1-10)
var pauseit=1
scrollerspeed=(document.all)? scrollerspeed : Math.max(1, scrollerspeed-1) //slow speed down by 1 for NS
var copyspeed=scrollerspeed
var iedom=document.all||document.getElementById
var actualheight=''
var space=299
var cross_scroller, ns_scroller
var pausespeed=(pauseit==0)? copyspeed: 0
var i = 0;
//var ourInterval = setInterval("scrollscroller()", 1000);
function populate(){
if (iedom){
cross_scroller=document.getElementById? document.getElementById("iescroller") : document.all.iescroller
cross_scroller.style.top=parseInt(scrollerheight)+8+"px"
cross_scroller.innerHTML=scrollercontent
actualheight=cross_scroller.offsetHeight
}
else if (document.layers){
ns_scroller=document.ns_scroller.document.ns_scroller2
ns_scroller.top=parseInt(scrollerheight)+5
ns_scroller.document.write(scrollercontent)
ns_scroller.document.close()
actualheight=ns_scroller.document.height
}
lefttime=setInterval("scrollscroller()",20)
}
window.onload=populate
function scrollscroller(){
if (iedom){
if (space!=80 && space!=200 && space != -40 && space != -130){
cross_scroller.style.top=parseInt(cross_scroller.style.top)-copyspeed+"px";
space = space-copyspeed;
}else if(space==80 || space == -40 || space==200){
clearInterval(lefttime);
setTimeout("direct()", 2000);
// space = 288;
}else if(space == -130){
space = 282;
cross_scroller.style.top=parseInt(scrollerheight)+8+"px";
}
}else if (document.layers){
if (ns_scroller.top>(actualheight*(-1)+5))
ns_scroller.top-=copyspeed
else
ns_scroller.top=parseInt(scrollerheight)+5
}
}
if (iedom||document.layers){
with (document){
if (iedom){
write('<div style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed">')
write('<div id="iescroller" style="position:absolute;left:0px;top:0px;width:100%;">')
write('</div></div>')
}
else if (document.layers){
write('<ilayer width='+scrollerwidth+' height='+scrollerheight+' name="ns_scroller">')
write('<layer name="ns_scroller2" width='+scrollerwidth+' height='+scrollerheight+' left=0 top=0 onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=scrollerspeed"></layer>')
write('</ilayer>')
}
}
}
function direct(){
lefttime=setInterval("scrollscroller()",20)
i++;
space = space-copyspeed;
}
</script>
// PHP CODE DIE DE NIEUWSBERICHTEN TOONT
foreach ( $pages as $page ){
$newsid = $page->get_id();
$timestamp = strtotime ($page->get_date());
$output = date("d/m/Y", $timestamp);
$newsstring .= "<table width=\"100%\" height=\"90\" border=\"0\" cellpadding=\"0\" cellspacing=\"0\"><tr><td class=\"style3\">".$page->get_textheaderen()." ".$output."</td><tr><td>".limitstring($page->get_texten(),150)."</td></tr><tr><td align=\"right\"><a href=\"internal.php?id=2&newsid=$newsid\">Read more >></a></td></table>";
}
echo "<script language=\"JavaScript\">var scrollercontent = '".$newsstring."';</script>";