Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 1 of 1
  1. #1
    New Coder
    Join Date
    Jun 2006
    Posts
    70
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Help with scrolling text code

    Help with scrolling text code

    Hi there, the following code seems to work fine but I would like to know if the code can be changed so that the cursor blinks as it gets to the end of each line?

    Code:
    <script language="JavaScript1.2">
    var line=new Array()
    line[1]="Test1"
    line[2]="Test2"
    line[3]="Test3"
    line[4]="Test4"
    
    //Specify font size for scoller
    var ts_fontsize="13px"
    //--Don't edit below this line
    var longestmessage=1
    for (i=2;i<line.length;i++){
    if (line[i].length>line[longestmessage].length)
    longestmessage=i
    }
    //Auto set scroller width
    var tscroller_width=line[longestmessage].length
    lines=line.length-1 //--Number of lines
    //if IE 4+ or NS6
    if (document.all||document.getElementById){
    document.write('<form name="bannerform">')
    document.write('<input type="text" name="banner" size="'+tscroller_width+'"')
    document.write('  style="background-color: '+document.bgColor+'; color: '+document.body.text+'; font-family: verdana; font-size: '+ts_fontsize+'; font-weight:bold; border: medium none" onfocus="blur()">')
    document.write('</form>')
    }
    temp=""
    nextchar=-1;
    nextline=1;
    cursor="\\"
    function animate(){
    if (temp==line[nextline] & temp.length==line[nextline].length & nextline!=lines){
    nextline++;
    nextchar=-1;
    document.bannerform.banner.value=temp;
    temp="";
    setTimeout("nextstep()",2000)}
    else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
    nextline=1;
    nextchar=-1;
    document.bannerform.banner.value=temp;
    temp="";
    setTimeout("nextstep()",5000)}
    else{
    nextstep()}}
    function nextstep(){
    if (cursor=="\\"){
    cursor="_"}
    else if (cursor=="|"){
    cursor="_"}
    else if (cursor=="/"){
    cursor="_"}
    else if (cursor=="-"){
    cursor="_"}
    
    nextchar++;
    temp+=line[nextline].charAt(nextchar);
    document.bannerform.banner.value=temp+cursor
    setTimeout("animate()",50)}
    //if IE 4+ or NS6
    if (document.all||document.getElementById)
    window.onload=animate
    // -->
    </script>
    Cheers
    Last edited by malhyp; 12-29-2006 at 02:01 PM.


 

Posting Permissions

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