Javascript Ticker Question

Status
Not open for further replies.
R

robototitico

New Member
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:

<!--BEGIN FADING TICKER JAVASCRIPT-->


<script language="JavaScript1.2">





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


//------------------------------------------------------------------------------


// Fading Ticker JavaScript |


// Provided by Build your blog site with us.Free webmaster resources. Javascript,CSS,PHP |





//--------------------------------------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-->
Click to expand...
 
php.allstar

php.allstar

New Member
Hi you could save the javascript file as "http://www.domain.com/js/whatever.js" then in your html you could include it like this:

HTML: 
<head>
....
<script type="text/javascript" src="relative-path/js/whatever.js">
...
</head>
<body onLoad="writeDiv()">
Personally I'd handle this with jQuery in a different manner, but thats another kettle of fish altogether...
 
R

robototitico

New Member
A different manner he says?

Thanks for the info. I will do it now. I saw a php ticker on hscripts aswell, but I like the fade effect I think better.
 
Status
Not open for further replies.
Top