Results 1 to 1 of 1

Thread: Please help me with the Typing scroller JavaScript code

  1. #1
    Join Date
    Jan 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Question Please help me with the Typing scroller JavaScript code

    i found this code on the dynamic dive site under text effects, at the bottom of the list, and instead of replacing the line of code with the next one when its done i want to make it make a new line on the page with the cursor effect still on. I've seen in done on a site before and they look exactly the same except the one on the dynamic site replaces the lines with each other instead of making a new page line which is what i want it to do here is the code.

    Code:
    <script language="JavaScript1.2">
    <!--
    
    /*
    Typing Scroller
    Submitted by bengaliboy00@hotmail.com (hp: http://www.angelfire.com/nt/bengaliboy/)
    With modifications by Dynamicdrive.com
    For full source code, usage terms, and 100s more scripts, visit http://dynamicdrive.com
    */
    
    //Secify scroller contents
    var line=new Array()
    line[1]="This is an awsome script"
    line[2]="It brings up the text you want..."
    line[3]="One letter at a time"
    line[4]="You can add and subtract lines as you like."
    line[5]="It\'s very cool and easy to use"
    
    //Specify font size for scoller
    var ts_fontsize="16px"
    
    //--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()",1000)}
    else if (nextline==lines & temp==line[nextline] & temp.length==line[nextline].length){
    nextline=1;
    nextchar=-1;
    document.bannerform.banner.value=temp;
    temp="";
    setTimeout("nextstep()",1000)}
    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()",25)}
    
    //if IE 4+ or NS6
    if (document.all||document.getElementById)
    window.onload=animate
    // -->
    </script>
    Last edited by ddadmin; 01-02-2013 at 07:42 PM.

Similar Threads

  1. Typing Scroller different in IE to FF
    By smike in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 04-20-2008, 10:23 AM
  2. Typing Scroller with links
    By pt0608 in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 01-08-2008, 10:45 AM
  3. Typing scroller - need two lines
    By Paul Keely in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 04-02-2007, 04:00 PM
  4. Changing font color of Typing Scroller?
    By nfgkid in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 04-05-2006, 07:10 PM
  5. Typing Scroller Question
    By Vulcanccit in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 11-25-2004, 04:45 PM

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
  •