...

View Full Version : Making news ticker items a link



kakshmire
10-16-2006, 02:58 PM
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.


<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>

coothead
10-16-2006, 08:43 PM
Hi there kakshmire,

try it like this...

<!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

kakshmire
10-17-2006, 02:43 PM
Thanks :D worked a treat. Kinda get what you did... a bit



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum