Static Table Menu

COPY - Insert Between Head Tags: <HEAD></HEAD>

var theTableObj = null;

var offSetX = "";
var offSetY = "";

var tableHspace = 10;
var tableVspace = 10;

var tableWidth = 150;

var tdOutColor  = "navy";
var tdOverColor = "blue";

var lnkCnt = 6;

var lnkAry = new Array(lnkCnt);

lnkAry[0] = "<a href='http://jdstiles.com/' class='cssLink' target='_self'>Home page</a>";
lnkAry[1] = "<a href='http://jdstiles.com/javamain.html' class='cssLink' target='_self'>JavaScripts</a>";
lnkAry[2] = "<a href='http://jdstiles.com/sets/' class='cssLink' target='_self'>Design Sets</a>";
lnkAry[3] = "<a href='http://jdstiles.com/tips/' class='cssLink' target='_self'>Office Tips</a>";
lnkAry[4] = "<a href='http://jdstiles.com/java/guestbook.html' class='cssLink' target='_self'>Guestbook</a>";
lnkAry[5] = "<a href='http://jdstiles.com/sitetree.html' class='cssLink' target='_self'>Site Index</a>";

/**************************************************************************************************/

function getTheTableStr()
{
	var strTable  = "<table border='3' cellpadding='0' cellspacing='5' width='"+tableWidth+"'>";

for (var i=0; i<lnkAry.length; i++) {
		strTable += "<tr>";
		strTable += "<td align='center' valign='middle' bgColor='"+tdOutColor+"' nowrap onMouseover='changeColor(this,tdOverColor)' onMouseout='changeColor(this,tdOutColor)'>";
		strTable += "<ilayer width='100%' height='100%'>";
		strTable += "<layer  width='100%' height='100%' onMouseover='changeColor(this,tdOverColor)' onMouseout='changeColor(this,tdOutColor)'>";
		strTable += lnkAry[i];
		strTable += "</layer></ilayer></td></tr>";
	}

strTable += "</table>";

return(strTable);
}

function changeColor(prmThis,prmColor)
{
	if ((window.document.all) || (window.document.getElementById))
		prmThis.style.backgroundColor = prmColor;
	else if (window.document.layers)
		prmThis.bgColor = prmColor;
}

function writeTheTableStr()
{
	var strTable = getTheTableStr();

if (window.document.layers) {
		theTableObj.visibility = "hide";
		theTableObj.document.open("text/html","replace");
		theTableObj.document.write(strTable);
		theTableObj.document.close();
		theTableObj.visibility = "show";

} else if (window.document.all) {
		theTableObj.style.visibility = "hidden";
		theTableObj.innerHTML = strTable;
		theTableObj.style.visibility = "visible";
	}
}

function init()
{
	if (navigator.appName == "Netscape") {
		theTableObj = window.document.idTableObj;

offSetX = "window.pageXOffset";
		offSetY = "window.pageYOffset";

} else if (navigator.appName == "Microsoft Internet Explorer") {
		theTableObj = window.document.all.idTableObj;

offSetX = "window.document.body.scrollLeft";
		offSetY = "window.document.body.scrollTop";
	}

setPosition(tableVspace,tableHspace);
	writeTheTableStr();
}

function regenerate()
{
	writeTheTableStr();
}

function setPosition(dX,dY)
{
	var orgX = eval(offSetX)+dX;
	var orgY = eval(offSetY)+dY;

if (window.document.all) {
		theTableObj.style.pixelLeft = orgX;
		theTableObj.style.pixelTop  = orgY;
	} else if (window.document.layers) {
		theTableObj.left = orgX;
		theTableObj.top  = orgY;
	}

window.setTimeout("setPosition("+dX+","+dY+")",delay);
}

/**************************************************************************************************/

window.onload = init;
window.onresize = regenerate;

/**************************************************************************************************/

//-->
</script>
<noscript>
<b>Sorry, you do not have a javascript compatible browser! I recommend you get a javascript compatible browser!</b>
</noscript>

COPY - Insert Inside Body: <BODY></BODY>