Menu
Okay, I’m using menu.js which contains the following text:
function show(i) {
var k = document.getElementById(i);
k.style.visibility = “visible”;
}
function hide(i){
var k = document.getElementById(i);
k.style.visibility = “hidden”;
}
And I’m using it on the following page:
<script>
self.resizeTo(625,666);
</script>
<html>
<head>
<link rel=”stylesheet” type=”text/css” href=”main.css”>
<script type=”text/javascript” src=”menu.js” language=”javascript”></script>
</head>
<body background=”./images/sextant_main.jpg”>
<table>
<div id=”menuItems”>
<tr> </tr>
<tr> </tr>
<tr><td>
<a href=”#” onClick=”javascript:show(‘expect’);hide(‘pmap’);hide(‘admin’);hide(‘logout’);”><img
src=”./images/main.jpg” border=”0″></a></div>
</td><td><div id=”expect”><a href=”addemployee.php”>write an expect</a><br><br>
<a href=”addGroup.php”>delete an expect</a><br><br>
</div></td></tr>
<tr><td>
<a href=”#” onClick=”javascript:hide(‘expect’);show(‘pmap’);hide(‘admin’);hide(‘logout’);”><img
src=”./images/main.jpg” border=”0″></a></div>
</td><td><div id=”pmap”><a href=”deleteemployee.php”>write a pmap from scratch</a><br><br>
<a href=”delgroup.php”>write a pmap from an existing expect</a><br><br>
</div></td></tr>
<tr><td>
<a href=”#” onClick=”javascript:hide(‘expect’);hide(‘pmap’);show(‘admin’);hide(‘logout’);”><img
src=”./images/main.jpg” border=”0″></a></div>
</td><td><div id=”admin”><a href=”deleteemployee.php”>change the db</a><br><br>
<a href=”delgroup.php”>change your password</a><br><br>
</div></td></tr>
<tr><td>
<a href=”#” onClick=”javascript:hide(‘expect’);hide(‘pmap’);hide(‘admin’);show(‘logout’);”><img
src=”./images/main.jpg” border=”0″></a></div>
</td><td><div id=”logout”><a href=”deleteemployee.php”>logout</a><br><br>
</div></td></tr>
</div>
</table>
</html>
I know I repeat the same .jpg, I’m just trying to get functionality. HELP!!! PLEASE!!! Many hours now I’ve banged my head against this.