expandmenu triple
Hej eksperter ville lige høre om der er er nogle som kender en snedig måde at opdele denne menu i 3 tabeller sommenu1 menu3 menu4
--1 menu4 menu6
--2
--3
menu2
håber der er nogle som her en ide
<html>
<head>
<meta http-equiv="Content-Language" content="da">
<meta name="Generator" content="Microsoft FrontPage 5.0">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="keywords" content="roenving,http://www.eksperten.dk/spm/634686">
<style type="text/css">
html, body{height:100%;margin:0px;border:0px;padding:0px;font-family:tahoma,verdana,arial,sans-serif;font-size:small;}
#menu1{width:150px;}
#menu1 div{background-color:#ffffff;cursor:pointer;color:blue;font-weight:900;}
#menu1 div div{background-color:#ffffff;display:none;}
#menu1 div div a:link, #menu1 div div a:visited{font-weight:400; color:blue ;text-decoration:none;}
#menu1 div div a:hover, #menu1 div div a:active{font-weight:400;text-decoration:underline;}
</style>
<script type="text/javascript" src="data.js"></script>
<script type="text/javascript">
var quote = getarray(); //henter et array[][];
function visSkjul(elm){
var st = elm.getElementsByTagName('div')[0].style;
var actState = st.display;
var num = 0;
while(document.getElementById("menu_" + num)){
document.getElementById("menu_" + num).style.display = 'none';
num++;
}
st.display = actState!='block' ? 'block' : 'none';
}
window.onload = function(){
var menuDiv = document.getElementById("menu1"),newPar,newDiv,newLink,newTxt,newLine;
newLine = document.createElement('br');
for(var i=0;quote.length>i;i++){
newPar = document.createElement('div');
newPar.id = "oMenu" + i;
newTxt = document.createTextNode(quote[i][0].split("_")[0]);//hvor kommer teksten til overdiven ?-)
newPar.appendChild(newTxt);
menuDiv.appendChild(newPar);
newPar.onclick = function(){visSkjul(this);};
newDiv = document.createElement('div');
newDiv.id = "menu_" + i;
for(var j=0;quote[i].length>j;j++){
newLink = document.createElement('a');
newLink.href = quote[i][j]+'/';//"java script:alert('new/');";//hvor kommer links fra ?-);//Click på link " + j + " i menu " + i +"
newLink.onclick = function(){event.cancelBubble = true;};
newTxt = document.createTextNode(".."+quote[i][j].replace(/_/, ' '));
newLink.appendChild(newTxt);
newDiv.appendChild(newLink);
newDiv.appendChild(newLine.cloneNode(true));
}
newPar.appendChild(newDiv);
}
}
</script>
<title>Dynamisk menu simpel</title>
</head>
<body>
<div id="menu1"></div>
</body>
</html>
