/    Sign up×
Community /Pin to ProfileBookmark

Editing Ticker Code

Ola Companeros,

I would like to use the fading javascript ticker from bloggerstip.com

The code is all in one file however. And I think it would be a bit messy to just copy and paste the whole long tract of code into my homepage. Is it possible to reference it or break it up into sepeate files or something? What would you do?

Below is the code:

[QUOTE]

<!–BEGIN FADING TICKER JAVASCRIPT–>

<script language=”JavaScript1.2″>

// Use Freely as long as following messages are intact ::

//——————————————————————————

// Fading Ticker JavaScript |

// Provided by [url]www.bloggerstip.com[/url] |

//————————————–CUTOMISE———————————————-

// Ticker Messages ( HTML Tags supported)

var qiksearch_ticker_text = new Array (“Welcome to www.bloggerstip.com.”, “FREE JavaScripts for your blog or site”, “Horisontal menus CSS for your blog or site”, “Vertical menus CSS for your blog or site”);

// Ticker Message URLs

var qiksearch_ticker_URL = new Array (“http://www.bloggerstip.com“, “http://www.bloggerstip.com/java.html“, “http://www.bloggerstip.com/horisontal.html“, “http://www.bloggerstip.com/vertical.html“);

// Ticker Message URLs’ Target (1 for NEW WINDOW, 0 for SAME WINDOW)

var qiksearch_ticker_target = new Array (“0”, “0”, “0”, “1”);

var qiksearch_ticker_width = 320; // The width of the Ticker

var qiksearch_ticker_height = 25; // The height of the Ticker

var qiksearch_ticker_borderw=1; // Border width

var qiksearch_ticker_borderc=”blue”; // Border Color

var timeOutVal=200; // Delay in milliseconds

var isPause=true; // true if you want pause on mouseover, else false

// setting to true is a bit buggy

//——————————————————————————————–

//—————————–DO-NOT-MODIFY-BELOW-THIS—————————————

var ie4=document.all&&navigator.userAgent.indexOf(“Opera”)==-1;

var ns6=document.getElementById&&navigator.userAgent.indexOf(“Opera”)==-1;

var ns4=document.layers;

var qiksearch_tickerObj;

var ticker_left_ns4=(screen.width/2-20)-Math.round(qiksearch_ticker_width/2);

// Setting qiksearch_tickerObj depending on Browser

function setTickerObj()

{

if(ie4)

{

qiksearch_tickerObj=document.all.qiksearch_js_ticker;

}

if(ns6)

{

qiksearch_tickerObj=document.getElementById(“qiksearch_js_ticker”);

}

}

// isPause Content

var isPauseContent;

if(isPause)

{

isPauseContent=’ onMouseOver=”delay_timeOutVal();” onMouseOut=”resume_timeOutVal();”‘;

}

else

{

isPauseContent=”;

}

if(ie4||ns6)

{

document.write(‘<table’ + isPauseContent + ‘ onMouseUp=”goURL();” width=”‘ + qiksearch_ticker_width + ‘” height=”‘ + qiksearch_ticker_height + ‘” style=”cursor:pointer; background:#FFFFFF; border:’ + qiksearch_ticker_borderw + ‘px solid ‘ + qiksearch_ticker_borderc + ‘”><tr><td align=”middle”>’);

document.write(‘<div id=”qiksearch_js_ticker”>’);

document.write(‘</div>’);

document.write(‘</td></tr></table>’);

}

var def_10=’A’,def_11=’B’,def_12=’C’,def_13=’D’,def_14=’E’,def_15=’F’;

var colorVal=15;

var div_count=0;

// Fading Color code Generating function

function qiksearch_fade_desat(getColorIntVal)

{

var returnVal;

if(getColorIntVal>=10)

{

for(var i=0; i<=15; i++)

{

if((getColorIntVal==i))

{

returnVal = eval(‘def_’ + i);

}

}

}

else

{

returnVal=getColorIntVal;

}

return(returnVal);

}

// Main

function writeDiv()

{

if(ie4||ns6)

{

qiksearch_tickerObj.innerHTML= ‘<font face=”verdana,arial,helvetica” size=”-1″ color=”#’ + joinColor(qiksearch_fade_desat(colorVal)) + ‘”><b>’ + qiksearch_ticker_text[div_count] + ‘</b></font>’ ;

}

if(ns4)

{

qiksearch_tickerObj=document.qiksearch_ticker_ns4;

qiksearch_tickerObj.document.write(‘<table border=”1″ bordercolor=”‘ + qiksearch_ticker_borderc + ‘”width=”100%”><tr><td align=”center”><a href=”javascript:void(0);”‘ + isPauseContent + ‘ onMouseUp=”javascript:goURL();”><font face=”verdana,arial,helvetica” size=”-1″ color=”#’ + joinColor(qiksearch_fade_desat(colorVal)) + ‘”><b>’ + qiksearch_ticker_text[div_count] + ‘</b></font></a></td></tr></table>’);

qiksearch_tickerObj.document.close();

}

if((colorVal>0) && (colorVal!=0))

{

colorVal–;

}

else

{

colorVal=15;

if(div_count<qiksearch_ticker_text.length)

{

div_count++;

}

if(div_count==qiksearch_ticker_text.length)

{

setTimeout(“resetAll()”,timeOutVal);

setTimeout(“writeDiv()”,timeOutVal);

}

}

if(div_count<qiksearch_ticker_text.length)

{

setTimeout(“writeDiv()”,timeOutVal);

}

}

// Generating Final Hex Color

function joinColor(getColor)

{

return (getColor + ‘0’ + getColor + ‘0’ + getColor + ‘0’);

}

// Reset

function resetAll()

{

div_count=0;

colorVal=15;

}

// URL Navigation function

function goURL()

{

if(qiksearch_ticker_target[div_count]==”0″)

{

location.href=qiksearch_ticker_URL[div_count];

}

else

{

if(qiksearch_ticker_target[div_count]==”1″)

{

window.open(qiksearch_ticker_URL[div_count]);

}

}

}

// Setting Delay on MouseOver and MouseOut

var temp_timeOutVal=timeOutVal;

function delay_timeOutVal()

{

timeOutVal=100000000000000;

setTimeout(“writeDiv()”,timeOutVal);

}

function resume_timeOutVal()

{

timeOutVal=temp_timeOutVal;

setTimeout(“writeDiv()”,timeOutVal);

}

setTickerObj();

window.onload=writeDiv;

if(ns4)

{

document.write(‘<layer id=”qiksearch_ticker_ns4″ width=”‘ + qiksearch_ticker_width + ‘” left=”‘ + ticker_left_ns4 + ‘”></layer>’);

}

</script>

<!–END FADING TICKER JAVASCRIPT–>

[/QUOTE]

to post a comment
JavaScript

3 Comments(s)

Copy linkTweet thisAlerts:
@justinbarneskinApr 23.2010 — I dunno, its kinda gadgety, I wouldn't use it, not when I favor static content.

However from a puzzler's perspective its interesting to see what to do with old code.

I don't know why but IE runs all my scripts twice as slow as Firefox
[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD><TITLE>Fadez</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/CSS>


</STYLE>
<SCRIPT type="text/javascript">

// text color font fsize link
var fzs=[['Your message', '#550000', 'arial', '28px', 'http://www.flickr.com/photos/'],
['rotating here', '#0066300', 'comic sans ms','22px', 'http://www.boston.com/bigpicture/'],
['in perpetuity', '#000077', 'georgia', '24px', 'http://bittenandbound.com/']]
var backgroundKolor='#edeeff';
var Fspeed=20; var FPz; var Findex=0; var nc=new Array(0,0,0); var wut; var zclick;
for(i=0;i<fzs.length;i++){fzs[i][1]=getrgb(fzs[i][1]);} bgc=getrgb(backgroundKolor);

function Pz(w){if(w=='in'){clearTimeout(FPz);if(zclick){fzd.style.color='rgb(0,0,255)';fzd.style.textDecoration='underline';window.status=zclick;fzd.style.cursor='pointer'}}
else{clearTimeout(FPz);fzd.style.color='rgb('+nc[0]+','+nc[1]+','+nc[2]+')';fzd.style.textDecoration='none';fzd.style.cursor='default';window.status='';tzf(wut)}
}
function fzt(wut){
if(wut=='up'){ Findex<fzs.length-1?Findex++:Findex=0;
b=fzs[Findex][1];
fzd.innerHTML=fzs[Findex][0];
fzd.style.fontFamily=fzs[Findex][2];
fzd.style.fontSize=fzs[Findex][3];
fzs[Findex][4]?zclick=fzs[Findex][4]:zclick=false;
}
else{ c=fzd.style.color= fzs[Findex][1]; b=bgc; }
setTimeout("tzf('"+wut+"')",Fspeed);
}

function tzf(wut){ c=document.getElementById('fz').style.color; C=c.substring(4,c.length-1).split(','); B=b.substring(4,b.length-1).split(',');

for(i=0;i<C.length;i++){ if(Number(C[i])!=Number(B[i])){ n=Math.ceil(dif(C[i],B[i])/30); n=Math.abs(n)+1 ;
if(Number(C[i])-Number(B[i])<0){nc[i]=Number(C[i])+n;} else {nc[i]=Number(C[i])-n; } }
else{nc[i]=B[i]; }
}

fzd.style.color='rgb('+nc[0]+','+nc[1]+','+nc[2]+')';
if('rgb('+nc[0]+','+nc[1]+','+nc[2]+')'==b){clearTimeout(FPz);
if(wut=='dn'){FPz=setTimeout("fzt(wut='up')",Fspeed)} else{FPz=setTimeout("fzt(wut='dn')",Fspeed)}
return }

FPz=setTimeout("tzf('"+wut+"')",Fspeed);

}

function HexToR(h) {return parseInt((cutHex(h)).substring(0,2),16)}
function HexToG(h) {return parseInt((cutHex(h)).substring(2,4),16)}
function HexToB(h) {return parseInt((cutHex(h)).substring(4,6),16)}
function cutHex(h) {return (h.charAt(0)=="#") ? h.substring(1,7):h}
function getrgb(h){ rgb='rgb('+HexToR(h)+','+HexToG(h)+','+HexToB(h)+')'; return rgb}
function dif(a,b){return (Number(b)-Number(a))}
</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY scroll="auto">
<DIV id="fz" onclick="if(zclick) document.location=zclick" style="height:40px;width:300px;text-align:center;border:1px blue solid" onmouseover="Pz('in')" onmouseout="Pz('out')">&nbsp;</DIV>





<SCRIPT type="text/javascript">
var fzd=document.getElementById('fz');
fzd.style.backgroundColor=bgc;fzd.innerHTML=fzs[Findex][0];fzd.style.fontFamily=fzs[Findex][2];fzd.style.fontSize=fzs[Findex][3];
fzt(wut='dn')
</SCRIPT>


</BODY></HTML>[/code]
Copy linkTweet thisAlerts:
@robototiticoauthorApr 23.2010 — Thanks for your reply. I think you are correct. I am not going to use it. Can anyone recommend a good ticker code? Something thats lite and well coded?
Copy linkTweet thisAlerts:
@justinbarneskinApr 24.2010 — Here's another edit, from+3k to 2.5k only need to use rgb rather than hex
[code=html]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<HTML>
<HEAD><TITLE>Fadez</TITLE>
<META http-equiv=Content-Type content="text/html; charset=UTF-8">
<STYLE type=text/CSS>


</STYLE>
<SCRIPT type="text/javascript">

// text color font fsize link
var fzs=[['Your message', 'rgb(255,20,25)', 'arial', '28px', 'http://www.flickr.com/photos/'],
['rotating here', 'rgb(10,255,15)', 'comic sans ms','26px', 'http://www.boston.com/bigpicture/'],
['in perpetuity', 'rgb(110,255,255)', 'georgia', '24px', 'http://bittenandbound.com/']]
var bgc='rgb(0,0,0)';
var Fsp=20; var FPz,wut,zclick; var Fnx=0; var nc=new Array(); //var wut; var zclick;


function Pz(w){if(w=='in'){clearTimeout(FPz);if(zclick){fzd.style.color='rgb(0,0,255)';fzd.style.textDecoration='underline';window.status=zclick;fzd.style.cursor='pointer'}}
else{clearTimeout(FPz);fzd.style.color='rgb('+nc[0]+','+nc[1]+','+nc[2]+')';fzd.style.textDecoration='none';fzd.style.cursor='default';window.status='';tzf(wut)}
}
function fzt(wut){
if(wut=='up'){ Fnx<fzs.length-1?Fnx++:Fnx=0; b=fzs[Fnx][1]; fzd.innerHTML=fzs[Fnx][0];
fzd.style.fontFamily=fzs[Fnx][2]; fzd.style.fontSize=fzs[Fnx][3]; fzs[Fnx][4]?zclick=fzs[Fnx][4]:zclick=false; }
else{ c=fzd.style.color= fzs[Fnx][1]; b=bgc; }
setTimeout("tzf('"+wut+"')",Fsp);
}

function tzf(wut){ c=document.getElementById('fz').style.color; C=c.substring(4,c.length-1).split(','); B=b.substring(4,b.length-1).split(',');

for(i=0;i<C.length;i++){ if((C[i]*1)!=(B[i]*1)){ n=(Math.abs((C[i]*1)-(B[i]*1)))/30; n=Math.floor(n)+1 ;
if((C[i]*1)-(B[i]*1)<0){nc[i]=(C[i]*1)+n;} else {nc[i]=(C[i]*1)-n; } }
else{nc[i]=B[i]; }
}

fzd.style.color='rgb('+nc[0]+','+nc[1]+','+nc[2]+')';
if('rgb('+nc[0]+','+nc[1]+','+nc[2]+')'==b){clearTimeout(FPz);
if(wut=='dn'){FPz=setTimeout("fzt(wut='up')",Fsp)} else{FPz=setTimeout("fzt(wut='dn')",Fsp)}
return }

FPz=setTimeout("tzf('"+wut+"')",Fsp);

}

</SCRIPT>
<META content="MSHTML 6.00.2900.2963" name=GENERATOR></HEAD>
<BODY scroll="auto">
<DIV id="fz" onclick="if(zclick) document.location=zclick" style="height:40px;width:300px;text-align:center;border:1px blue solid" onmouseover="Pz('in')" onmouseout="Pz('out')">&nbsp;</DIV>





<SCRIPT type="text/javascript">
var fzd=document.getElementById('fz');
fzd.style.backgroundColor=bgc;fzd.innerHTML=fzs[Fnx][0];fzd.style.fontFamily=fzs[Fnx][2];fzd.style.fontSize=fzs[Fnx][3];
fzt(wut='dn')
</SCRIPT>


</BODY></HTML>[/code]
×

Success!

Help @robototitico spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 4.29,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...