Foldudmenu hvordan
hvordan kan jeg få denne menu til at være:1. foldet sammen fra start
2. folde producenterne ud for kun den produktgruppe man klikker på
3. folde den forrige produktgruppe sammen når man klikker på en ny så der kun er 1 åben
Link: http://www.because.dk/webshop/foldudmenu.asp
jeg aner ikke hvor jeg skal starte. jeg har kode til en foldudmenu jeg bruger men den er ikke dynamisk så jeg tror ikke det kan bruges:
kode:
<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>
<html>
<link href="stylesheet.css" rel="stylesheet" type="text/css">
<script type="text/javascript">
var foer = new Array(),obj = new Array();
function fold() {
var a = fold.arguments,l = a.length,t = false;
if(l<2)return;
for(i=0;l>i;i++){
obj[i] = document.getElementById(a[i]);
}
for(j=0;foer.length>j;j++){
t =false;
if (foer[j] && foer[j].length > 0){
for(i=0;foer[j].length>i;i++){
if(typeof foer[j][i] == 'object')foer[j][i].style.display = "none";
}
}
}
if(!foer[l-2])foer[l-2] = new Array();
for(i=0;l>i;i++){
obj[i].style.display = (obj[i].style.display != "inline") ? "inline" : "none";
foer[l-2][i] = obj[i];
}
}
</script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_goToURL() { //v3.0
var i, args=MM_goToURL.arguments; document.MM_returnValue = false;
for (i=0; i<(args.length-1); i+=2) eval(args[i]+".location='"+args[i+1]+"'");
}
//-->
</script>
<body leftmargin="0" topmargin="0" rightmargin="0" bottommargin="0">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="25" class="SmallBlackBold" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onclick="fold('nr7', 'nr8'); return false;" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Modtagere</td>
</tr>
<tr id="nr7" style="display: none;">
<td height="25" class="SmallBlackNormal" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onClick="MM_goToURL('parent','../nyhedsbrev/modtager_opret.asp');return document.MM_returnValue" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Opret</td>
</tr>
<tr id="nr8" style="display: none;">
<td height="25" class="SmallBlackNormal" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onClick="MM_goToURL('parent','../nyhedsbrev/modtager_oversigt.asp');return document.MM_returnValue" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Oversigt</td>
</tr>
<tr>
<td height="25" class="SmallBlackBold" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onclick="fold('nr5', 'nr6'); return false;" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Nyhedsbrev</td>
</tr>
<tr id="nr5" style="display: none;">
<td height="25" class="SmallBlackNormal" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onClick="MM_goToURL('parent','../nyhedsbrev/nyhedsbrev_opret.asp');return document.MM_returnValue" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Opret</td>
</tr>
<tr id="nr6" style="display: none;">
<td height="25" class="SmallBlackNormal" style="border-top:1px dashed #CCCCCC;cursor: pointer;" onClick="MM_goToURL('parent','../nyhedsbrev/nyhedsbrev_oversigt.asp');return document.MM_returnValue" onMouseOver="java script:style.background='#EFEFEF'" onMouseOut="java script:style.background='#FFFFFF'"> Oversigt</td>
</tr>
</table>
</body>
</html>
