Avatar billede goje Nybegynder
21. februar 2001 - 12:59 Der er 1 kommentar og
1 løsning

News Scroller

Jeg leger med et news scroll script.

Det er et \"lånt\" script, så jeg er ikke 100% inde i hvordan scriptet virker, men det virker somom scriptet gemmer den nyhed, der skal vises næste gang nedenunder det, der vises og derfor kommer der en scrollbar på siden.. er der en måde at undgå dette?
Avatar billede goje Nybegynder
21. februar 2001 - 13:01 #1
Nåja.. scriptet der således ud:


<script>
var scrollerwidth=150
var scrollerheight=445
var scrollerbgcolor=\'white\'
var scrollerbackground=\'\'

//configure the below variable to change the contents of the scroller
var messages=new Array()

messages[0] = \"Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla \"
messages[1] = \"Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla \"
messages[2] = \"Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla \"
messages[3] = \"Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla \"
messages[4] = \"Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla Bla bla \"

if (messages.length>1)
i=2
else
i=0

function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=5){
tlayer.top=0
setTimeout(\"move1(tlayer)\",10000)
setTimeout(\"move2(document.main.document.second)\",10000)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=5
setTimeout(\"move1(tlayer)\",50)
}
else{
tlayer.top=scrollerheight
tlayer.document.write(messages[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=5){
tlayer2.top=0
setTimeout(\"move2(tlayer2)\",10000)
setTimeout(\"move1(document.main.document.first)\",10000)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=5
setTimeout(\"move2(tlayer2)\",50)
}
else{
tlayer2.top=scrollerheight
tlayer2.document.write(messages[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=5){
tdiv.style.pixelTop=0
setTimeout(\"move3(tdiv)\",10000)
setTimeout(\"move4(second2)\",10000)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=5
setTimeout(\"move3(tdiv)\",50)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=5){
tdiv2.style.pixelTop=0
setTimeout(\"move4(tdiv2)\",10000)
setTimeout(\"move3(first2)\",10000)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=5
setTimeout(\"move4(second2)\",50)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
second2.style.visibility=\'visible\'
}
else if (document.layers){
document.main.visibility=\'show\'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+5
document.main.document.second.visibility=\'show\'
}
}

window.onload=startscroll

</script>




<ilayer id=\"main\" width=&{scrollerwidth}; height=&{scrollerheight}; bgColor=&{scrollerbgcolor}; background=&{scrollerbackground}; visibility=hide>
<layer id=\"first\" left=0 top=1 width=&{scrollerwidth};>
<script language=\"JavaScript1.2\">
if (document.layers)
document.write(messages[0])
</script>
</layer>
<layer id=\"second\" left=0 top=0 width=&{scrollerwidth}; visibility=hide>
<script language=\"JavaScript1.2\">
if (document.layers)
document.write(messages[1])
</script>
</layer>
</ilayer>

<script language=\"JavaScript1.2\">
if (document.all){
document.writeln(\'<span id=\"main2\" style=\"position:relative;width:\'+scrollerwidth+\';height:\'+scrollerheight+\';overflow:hiden;background-color:\'+scrollerbgcolor+\' ;background-image:url(\'+scrollerbackground+\')\">\')
document.writeln(\'<div style=\"position:absolute;width:\'+scrollerwidth+\';height:\'+scrollerheight+\';clip:rect(0 \'+scrollerwidth+\' \'+scrollerheight+\' 0);left:0;top:0\">\')
document.writeln(\'<div id=\"first2\" style=\"position:absolute;width:\'+scrollerwidth+\';left:0;top:1;\">\')
document.write(messages[0])
document.writeln(\'</div>\')
document.writeln(\'<div id=\"second2\" style=\"position:absolute;width:\'+scrollerwidth+\';left:0;top:0;visibility:hidden\">\')
document.write(messages[1])
document.writeln(\'</div>\')
document.writeln(\'</div>\')
document.writeln(\'</span>\')
}
</script>
Avatar billede goje Nybegynder
22. februar 2001 - 08:19 #2
Æv :o/
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester