Hjælp til modificering af foldeud_menu.
Hej EMed en stor tak til Lee har jeg endelig fundet en menu som jeg kan bruge, men ....
1.
Er der en venlig sjæl som kan sige mig hvordan jeg for en SUB-SUB_menu implementeret i nedenstående script?
Dvs man skulle kunne gå 1 trin yderligere ned i menuhiarkiet.
2.
Hvordan kan man lave en "Luk MENU" knap/link øverst eller nederst i scriptet?
Menuen lulle fint når der klikkes på et af de andre hoved-menuer, men jeg ville nu genre have en seperat knap til at lukke menuen.
<! kode start>
<html>
<head>
<title>menu</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<style type="text/css">
div.describe {
border: none;
}
a.link {
background-color: none;
color: none;
}
a.link_sel {
background-color: none;
color: none;
}
</style>
<script type="text/javascript">
<!--
function showhide(id) {
var i = 1;
while (document.getElementById('desc'+i)) {
var oDesc = document.getElementById('desc'+i);
var oLink = document.getElementById('link'+i);
if (i == id) {
oDesc.style.display = (oDesc.style.display == "none" ? "block" : "none");
oLink.className = (oDesc.style.display == "none" ? "link" : "link_sel");
} else {
oDesc.style.display = "none";
oLink.className = "link";
}
i++;
}
}
//-->
</script>
<body>
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="13"><a href="#" id="link1" class="link" onClick="showhide(1)"><font>Menu
1</font></a></td>
</tr>
<tr>
<td>
<div id="desc1" class="describe" style="display: none">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#"><font>link1</font></a></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><a href="#"><font>link2</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link3</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link4</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link5</font></a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td><a href="#" id="link2" class="link" onClick="showhide(2)"><font>Menu 2</font></a></td>
</tr>
<tr>
<td>
<div id="desc2" class="describe" style="display: none">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" ><font>link1</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link2</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link3</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link4</font></a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td height="20"></td>
</tr>
<tr>
<td><a href="#" id="link3" class="link" onClick="showhide(3)"><font>Menu 3</font></a></td>
</tr>
<tr>
<td>
<div id="desc3" class="describe" style="display: none">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" ><font>link1</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link2</font></a></td>
</tr>
</table>
</div>
</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><a href="#" id="link4" class="link" onClick="showhide(4)"><font>Menu 4</font></a></td>
</tr>
<tr>
<td>
<div id="desc4" class="describe" style="display: none">
<table width="100" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><a href="#" ><font>link1</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link2</font></a></td>
</tr>
<tr>
<td><a href="#" ><font>link3</font></a></td>
</tr>
</table>
</div>
</td>
</tr>
</table>
<br>
</body>
</html>
<! kode slut>
