Forum Moderators: open

Message Too Old, No Replies

javascript menu

         

jrock2005

2:24 am on Jun 30, 2005 (gmt 0)

10+ Year Member



Following the help from another they stated to try this cool menu located here:
[webmasterworld.com ]

ok so I create a file called menu.js in it this is the exact code:


function reDo() {
window.location.reload();
}
window.onresize = reDo;
//Define global variables
var timerID = null;
var timerOn = false;
var timecount = 1000;
// Change this to the time delay that you desire
var what = null;
var newbrowser = true;
var check = false;
function init() { if (document.layers) { layerRef="document.layers"; styleSwitch=""; visibleVar="show";
screenSize = window.innerWidth; what ="ns4"; } else if(document.all) { layerRef="document.all"; styleSwitch=".style";
visibleVar="visible"; screenSize = document.body.clientWidth + 18; what ="ie4"; } else if(document.getElementById)
{ layerRef="document.getElementByID"; styleSwitch=".style"; visibleVar="visible"; what="dom1"; } else { what="none";
newbrowser = false; } check = true; }
// Toggles the layer visibility on
function showLayer(layerName) { if(check) { if (what =="none") { return; } else if (what == "dom1")
{ document.getElementById(layerName).style.visibility="visible"; } else { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="visible"');
} } else { return; } }
// Toggles the layer visibility off
function hideLayer(layerName) { if(check) { if (what =="none") { return; } else if (what == "dom1")
{ document.getElementById(layerName).style.visibility="hidden"; } else { eval(layerRef+'["'+layerName+'"]'+styleSwitch+'.visibility="hidden"');
} } else { return; } }
function hideAll() {
hideLayer('layer1');
hideLayer('layer2');
hideLayer('layer3');
//Put all layers used in the nav here.
//Copy the hideLayer() function above.
}
function startTime() {
if (timerOn == false) {
timerID=setTimeout( "hideAll()" , timecount);
timerOn = true; } }
function stopTime() {
if (timerOn) {
clearTimeout(timerID);
timerID = null;
timerOn = false; } }
function onLoad() {
init(); }

Then I created index.html and in that file I have the following:


<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="menu.js"></script>
</head>

<body>
onLoad="init();"
<a>onMouseOver="hideAll(); showLayer('layerName'); stopTime()" onMouseOut="startTime();" </a>
</body>
</html>

Now I know I am messing something up here but what?

j4mes

12:40 pm on Jul 3, 2005 (gmt 0)

10+ Year Member



<a>onMouseOver="hideAll(); showLayer('layerName'); stopTime()" onMouseOut="startTime();" </a>

You mean

<a onMouseOver="hideAll(); showLayer('layerName'); stopTime()" onMouseOut="startTime();" href="#">Click Me</a>

right?