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 3 of 3
  1. #1
    New Coder
    Join Date
    May 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Making news ticker items a link

    Hi. I have got this code for a news ticker which woks really nicely. The only thing is, I would like to have each news item as a link to a relevant page. Is there anyway to do this?

    Thanks for any help.

    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>

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,707
    Thanks
    0
    Thanked 237 Times in 232 Posts
    Hi there kakshmire,

    try it like this...
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
       "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head>
    <title>ticker links</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
    
    <style type="text/css">
    <!--
    #banner {
        font-family:verdana,arial,helvetica,sans-serif;
        font-size:16px;
    }
    #banner a {
        color:#000;
        background-color:#fff;
     }
    -->
    </style>
    
    <script type="text/javascript">
    <!--
    /*
    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
    */
    
    //Specify scroller contents
      var line=new Array()
          line[1]='<a href=\'http://www.google.com\'>http://www.google.com<\/a>';
          line[2]='<a href=\'http://www.codingforums.com\'>http://www.codingforums.com<\/a>';
          line[3]='<a href=\'http://www.bbc.co.uk\'>http://www.bbc.co.uk<\/a>';
          line[4]='<a href=\'http://dynamicdrive.com\'>http://dynamicdrive.com<\/a>';
          line[5]='<a href=\'http://www.w3schools.com\'>http://www.w3schools.com<\/a>';
    
    //Specify the number of seconds that the link is displayed
      var delay=4*1000; 
    //Specify the ticker speed
      var speed=50; 
    
    //--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
       temp=""
       nextchar=-1;
       nextline=1;
       cursor='\\';
    function animate(){
    if((temp==line[nextline])&&(temp.length==line[nextline].length)&&(nextline!=lines)){
       nextline++;
       nextchar=-1;
       document.getElementById('banner').innerHTML=temp;
       temp="";
    setTimeout('nextstep()',delay);
     }
    else {
    if((nextline==lines)&&(temp==line[nextline])&&(temp.length==line[nextline].length)){
       nextline=1;
       nextchar=-1;
       document.getElementById('banner').innerHTML=temp;
       temp='';
    setTimeout("nextstep()",delay);
     }
    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.getElementById('banner').innerHTML=temp+cursor;
    setTimeout("animate()",speed);
     }
    window.onload=animate
    //-->
    </script>
    
    </head>
    <body>
    
    <div id="banner"></div>
    
    </body>
    </html>
    coothead

  • #3
    New Coder
    Join Date
    May 2004
    Posts
    31
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks worked a treat. Kinda get what you did... a bit


  •  

    Posting Permissions

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