Results 1 to 2 of 2

Thread: Pausing up-down message scroller? One time scroll only question

  1. #1
    Join Date
    Sep 2005
    Posts
    1
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Pausing up-down message scroller? One time scroll only question

    Hello how do i get this scroller to only display once and then shut off?
    Roll to end and then stop i mean.

    Thanks Rich


    Pausing up-down message scroller
    Author: Dynamic Drive
    Note: Last updated May 18th, 05' to fix doctype bug in FF.

    Description: An up-down message scroller that pauses between each message!

    Demo:

    <script type="text/javascript">

    /***********************************************
    * Pausing updown message scroller- Dynamic Drive DHTML code library (www.dynamicdrive.com)
    * This notice MUST stay intact for legal use
    * Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
    ***********************************************/

    //configure the below five variables to change the style of the scroller
    var scrollerdelay='3000' //delay between msg scrolls. 3000=3 seconds.
    var scrollerwidth='150px'
    var scrollerheight='105px'
    var scrollerbgcolor='lightyellow'
    //set below to '' if you don't wish to use a background image
    var scrollerbackground='scrollerback.gif'

    //configure the below variable to change the contents of the scroller
    var messages=new Array()
    messages[0]="<font face='Arial'><a href='http://www.dynamicdrive.com'>Click here to go back to Dynamicdrive.com frontpage</a></font>"
    messages[1]="<font face='Arial'><a href='http://javascriptkit.com'>Visit JavaScriptKit for award winning JavaScript tutorials</a></font>"
    messages[2]="<font face='Arial'><a href='http://www.codingforums.com'>Get help on scripting and web development. Visit CodingForums.com!</a></font>"
    messages[3]="<font face='Arial'><a href='http://www.freewarejava.com'>Looking for Free Java applets? Visit Freewarejava.com!</a></font>"
    messages[4]="<font face='Arial'><a href='http://dynamicdrive.com/link.htm'>If you find this script useful, please click here to link back to Dynamic Drive!</a></font>"

    ///////Do not edit pass this line///////////////////////

    var ie=document.all
    var dom=document.getElementById

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

    function move(whichdiv){
    tdiv=eval(whichdiv)
    if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
    tdiv.style.top=0+"px"
    setTimeout("move(tdiv)",scrollerdelay)
    setTimeout("move2(second2_obj)",scrollerdelay)
    return
    }
    if (parseInt(tdiv.style.top)>=tdiv.offsetHeight*-1){
    tdiv.style.top=parseInt(tdiv.style.top)-5+"px"
    setTimeout("move(tdiv)",50)
    }
    else{
    tdiv.style.top=parseInt(scrollerheight)+"px"
    tdiv.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function move2(whichdiv){
    tdiv2=eval(whichdiv)
    if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
    tdiv2.style.top=0+"px"
    setTimeout("move2(tdiv2)",scrollerdelay)
    setTimeout("move(first2_obj)",scrollerdelay)
    return
    }
    if (parseInt(tdiv2.style.top)>=tdiv2.offsetHeight*-1){
    tdiv2.style.top=parseInt(tdiv2.style.top)-5+"px"
    setTimeout("move2(second2_obj)",50)
    }
    else{
    tdiv2.style.top=parseInt(scrollerheight)+"px"
    tdiv2.innerHTML=messages[i]
    if (i==messages.length-1)
    i=0
    else
    i++
    }
    }

    function startscroll(){
    first2_obj=ie? first2 : document.getElementById("first2")
    second2_obj=ie? second2 : document.getElementById("second2")
    move(first2_obj)
    second2_obj.style.top=scrollerheight
    second2_obj.style.visibility='visible'
    }

    if (ie||dom){
    document.writeln('<div id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
    document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0px;top:0px">')
    document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:1px;">')
    document.write(messages[0])
    document.writeln('</div>')
    document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0px;top:0px;visibility:hidden">')
    document.write(messages[dyndetermine=(messages.length==1)? 0 : 1])
    document.writeln('</div>')
    document.writeln('</div>')
    document.writeln('</div>')
    }

    if (window.addEventListener)
    window.addEventListener("load", startscroll, false)
    else if (window.attachEvent)
    window.attachEvent("onload", startscroll)
    else if (ie||dom)
    window.onload=startscroll

    </script>

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    Change this:
    Code:
    var ie=document.all
    to this:
    Code:
    var ie=document.all, stop=0
    Change both occurances of this:
    Code:
    if (i==messages.length-1)
    i=0
    to this:
    Code:
    if (i==messages.length-1){
    stop=1
    i=0
    }
    Add this:
    Code:
    if(stop&&i)
    return;
    Below both this line:
    Code:
    if (parseInt(tdiv.style.top)>0&&parseInt(tdiv.style.top)<=5){
    and this line:
    Code:
    if (parseInt(tdiv2.style.top)>0&&parseInt(tdiv2.style.top)<=5){
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •