GUI Components JavaScript DHTML




JavaScript Ticker 1.2

.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.tick{font-family:verdana,arial,helvetica; font-size:10pt; color:#003399; font-weight:bold}
.tick:hover{font-family:verdana,arial,helvetica; font-size:10pt; color:#0099FF; font-weight:bold}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#DEAC00; font-weight:bold}


// Location of this script:
// http://www.qiksearch.com/javascripts/ticker12.htm
//*********************************************
//* JavaScript Ticker 1.2                     *
//* Ticks a number of messages                *
//* (c) Premshree Pillai,                     *
//* http://www.qiksearch.com                  *
//* E-mail : premshree@hotmail.com            *
//* Use the script freely as long as this     *
//* message is intact                         *
//*********************************************
window.onerror = null;
 var bName = navigator.appName;
 var bVer = parseInt(navigator.appVersion);
 var NS4 = (bName == "Netscape" && bVer >= 4);
 var IE4 = (bName == "Microsoft Internet Explorer" 
 && bVer >= 4);
 var NS3 = (bName == "Netscape" && bVer < 4);
 var IE3 = (bName == "Microsoft Internet Explorer" 
 && bVer < 4);
 var i=0;
 var top_pos = 60;
 var left_pos = 200;
 var time_length = 2000;
 var div_name = "qiksearch";
 var ticker_msg = new Array(
     "Welcome to Qiksearch",
     "Intellisearch Bar NOW!",
     "Premshree Pillai",
     "Meta Tag Generator Online",
     "Free JavaScripts" );
 var ticker_url = new Array(
     "http://www.qiksearch.com",
     "http://intellisearch.cjb.net",
     "http://premshree.qik.cjb.net",
     "http://metataggen.qik.cjb.net",
     "http://www.qiksearch.com/javascripts.htm" );
var ticker_len = ticker_msg.length;
for(var l=0; l{
document.write('' + '
' + ticker_msg[l] + '
');
document.write('' + '
');
}
if (NS4 || IE4) {
 if (navigator.appName == "Netscape") {
 layerStyleRef="layer.";
 layerRef="document.layers";
 styleSwitch="";
 }else{
 layerStyleRef="layer.style.";
 layerRef="document.all";
 styleSwitch=".style";
 }
}
//SCROLL
function tick(){
if (NS4 || IE4) {
 if(i {
  if(i==0)
  { 
   eval(layerRef+'["'+div_name+(ticker_len-1)+'"]'+
   styleSwitch+'.visibility="hidden"');
  }
  if(i>0)
  { 
   eval(layerRef+'["'+div_name+(i-1)+'"]'+
   styleSwitch+'.visibility="hidden"');
  }
 eval(layerRef+'["'+div_name+i+'"]'+
 styleSwitch+'.visibility="visible"');
 }
 if(i {
 i++;
 }
 else
 {
 i=0;
 }
 setTimeout("tick()",time_length);
 }
}
tick();




JavaScript Ticker 1.2







This is a JavaScript Ticker which ticks a number of messages like the one shown above.
You can add more messages in the array ticker_msg. The URL for that
message should be added to the array ticker_url.


Change the position of the ticker by changing the variables top_pos and left_pos. You can change the ticker speed by changing the value of the variable time_length. (Here it is 2000, which means that the ticker message will change every 2000 milliseconds, i.e every 2 seconds).




© Premshree Pillai