javasCript fAqs

Link Changing Button

Here is a neat little toy. It's a Javascript controlled link changing button. Just add your own links and text and that's all there is to it. If you don't like the speed at which the script changes links you can easily change that in the script. This is just one of the many ways to put a lot of links in a small space on your page.

Add This Script Between Your Head Tags

Highlight The Source Code Below

<script language="javascript">
// please help yourself to this code.
var startTime   =null;
var timerID     =null;
var initial     =new Date();
var pos         =0;
var menuItem    =null;

function initArray() {
this.length = initArray.arguments.length
for (var i = 0; i < this.length; i++)      {
this[i+1] = initArray.arguments[i]
}
}

function parsemenuItem(data,num) {
for(var i=0;i<data.length;i++)  {
if(data.substring(i,i+1)=="|")  break;
}
if (num==0) return(data.substring(0,i));
else  return(data.substring(i+1,data.length));
}

function startTimer() {
initial = new Date();
startTime=initial.getTime();
stopTimer();
menuItem = new initArray("Yahoo! Search Engine|http://www.yahoo.com/",
"AltaVista Search Spider|http://www.altavista.com/",
"MSN Search|http://search.msn.com/",
"IXQuick Multi-Meta Search|http://www.ixquick.com/new/",
"CNN News|http://www.cnn.com/",
"MSNBC News|http://www.msnbc.com/",
"Fox News|http://www.foxnews.com/",
"CBS News|http://www.cbsnews.com/",
"ABC News|http://www.abcnews.com/",
"Iraq Daily|http://www.iraqdaily.com/"
 );
 showTimer();
}

function stopTimer() {
timerID=null;
menuItem=null;
//clearTimeout(timerID);
}

function showTimer() {
pos= (pos == menuItem.length) ? 1 : pos + 1;
document.forms[0].elements[0].value=parsemenuItem(menuItem[pos],0);

//change 2500 (milliseconds) to whatever speed you want
timerID=window.setTimeout('showTimer()',2500);
}

function goToUrl()  {
//window.location=parsemenuItem(menuItem[pos],1);
this.location=parsemenuItem(menuItem[pos],1);
return (false);
}
</script>

Add The Following Source Code To Your Body Tag

Put The Following Source Code In Between Your Body Tags

<<< Back

Home Page This Page Was Last Updated: