Uncle Jims Web Designs: Static Opening Menu

Uncle Jim's Web Designs

Static Click-Open Menu
Author: Jim Stiles

Just click the word menu (at the top, left of the page) to see the links. Click menu again to hide the links and scroll the page to watch the menu tag along

INSTALLATION INSTRUCTIONS

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

var vTop=5
var hLeft=-160
var inc

var dMenu
var YY=1
var XX1=-1
var XX2=-1
var XX3=-1

var mmove="no"
function runVert() {
	if (document.layers) {
        document.menu.left=hLeft
        document.menu.top=vTop
	}
	if (document.all) {
        menu.style.posLeft=hLeft
       menu.style.posTop=vTop
	}
}

function getmenu(clickedmenu) {
    if (mmove=="no") {
	    if (document.layers) {
            dMenu=eval("document."+clickedmenu)
	    }
	    if (document.all) {
            dMenu=eval("document.all."+clickedmenu+".style")
	    }
        inc=13
        checkvectorDir()
	    movemenu()
    }
}

function checkvectorDir() {
	if (document.layers) {
        if (dMenu==document.menu){XX1=XX1*-1;YY=XX1}
	}
	if (document.all) {
        if (dMenu==menu.style){XX1=XX1*-1;YY=XX1}
	}
    mmove="yes"
}
var vectorDir
function movemenu() {
	if (document.layers) {
        if (inc>=0) {
            dMenu.left+=inc*YY
            inc--
            var movetimer=setTimeout("movemenu()",10)
	    }
        else {
            mmove="no"
            clearTimeout(movetimer)
        }
	}
	if (document.all) {
        if (inc>=0) {
            dMenu.posLeft+=inc*YY
            inc--
            var movetimer=setTimeout("movemenu()",10)
	    }
        else {
            mmove="no"
            clearTimeout(movetimer)
        }
    }
}

function setVariables(){
if (navigator.appName == "Netscape") {
v=".top=";h=".left=";dS="document.";sD="";
y="window.pageYOffset";x="window.pageXOffset";iW="window.innerWidth";iH="window.innerHeight"

}

else {h=".pixelLeft=";v=".pixelTop=";dS="";sD=".style";
y="document.body.scrollTop";x="document.body.scrollLeft";iW="document.body.clientWidth";iH="document.body.clientHeight"

}
xyz=500

object="menu";
checkLocationA()
}
movex=0,movey=0,xdiff=0,ydiff=0,ystart=0,xstart=0
function checkLocation(){
innerX=eval(iW)-120   // these two adjustments are for
innerY=10//eval(iH)-140   // the size of the table menu
//if (document.layers){innerY-=10;innerX-=10}  // this adjustment is because Netscape counts scroll bars
yy=eval(y);
xx=eval(x);
ydiff=ystart-yy;
xdiff=xstart-xx;
if ((ydiff<(-1))||(ydiff>(1))) movey=Math.round(ydiff/10),ystart-=movey
//if ((xdiff<(-1))||(xdiff>(1))) movex=Math.round(xdiff/10),xstart-=movex
eval(dS+object+sD+v+(ystart+innerY));
//eval(dS+object+sD+h+(xstart+innerX));

eval(dS+object+sD+v+(ystart))//   removing the innerY value stops the verticle adjust
//eval(dS+object+sD+h+(xstart))//   removing the innerX value stops the horizonal adjust

setTimeout("checkLocation()",10)}

function checkLocationA(){ystart=eval(y);xstart=eval(x);}

//--></script>

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

COPY - Insert into Body Tag: <BODY 'CODE HERE'>

Close This Window