Nu prøver jeg så at få det over og køre i min kode og her får jeg problemer.
Jeg har delt koderne op i følgende:
FoldOutMenu.js:
----------------
function showMenu(d){
var id = d.id.substring(5);
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0&&divs[i].id!='menu'+id){
divs[i].style.display='none';
document.getElementById('o'+divs[i].id+'pic').src = "pics/tridown.gif";
}
}
st = document.getElementById('menu'+id).style;
st.display = (st.display!='block')?'block':'none';
document.getElementById(d.id+'pic').src = (st.display=='block')?"pics/triup.gif":"pics/tridown.gif";
}
var collapsed = true;
function collapseExpandAll(){
divs = document.getElementsByTagName('DIV');
for(i=0;divs.length>i;i++){
if(divs[i].id.indexOf('menu')==0){
divs[i].style.display=(collapsed)?'block':'none';
document.getElementById('o'+divs[i].id+'pic').src = (collapsed)?"pics/triup.gif":"pics/tridown.gif";
}
}
document.getElementById('exColAll').src = (collapsed)?"pics/triup.gif":"pics/tridown.gif";
collapsed = !collapsed
}
--------------------------
Og ellers følgende på den anden side:
--------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Simpel menu</title>
<meta name="Generator" content="Stone's WebWriter 4">
<meta name="keywords" content="søgeord adskilt af komma">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
.menupunkt{font-family:tahoma,verdana,arial,sans-serif;cursor:pointer;color:#9d52be;background:#fff;font-weight:800;font-style:italics;font-size:10px;width:250px;}
.menu{display:none;padding-left:5px;}
.menu a{text-decoration:none;}
.menu a:link{color:black;}
.menu a:visited{color:black;}
.menu a:hover{color:red}
.menu a:active{color:red}
</style>
<SCRIPT language=JavaScript src="FoldOutMenu.js"></SCRIPT>
</head>
<body>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
<img id="omenu1pic" src="pics/tridown.gif">
Punkt 1
<div id="menu1" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu2" class="menupunkt" onclick="showMenu(this);">
<img id="omenu2pic" src="pics/tridown.gif">
Punkt 2
<div id="menu2" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu3" class="menupunkt" onclick="showMenu(this);">
<img id="omenu3pic" src="pics/tridown.gif">
Punkt 3
<div id="menu3" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu4" class="menupunkt" onclick="showMenu(this);">
<img id="omenu4pic" src="pics/tridown.gif">
Punkt 4
<div id="menu4" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
<div id="omenu5" class="menupunkt" onclick="showMenu(this);">
<img id="omenu5pic" src="pics/tridown.gif">
Punkt 5
<div id="menu5" class="menu" onclick="event.cancelBubble=true">
<a href="#" onclick="return false;">Underpunkt 1</a><br>
<a href="#" onclick="return false;">Underpunkt 2</a><br>
<a href="#" onclick="return false;">Underpunkt 3</a><br>
<a href="#" onclick="return false;">Underpunkt 4</a>
</div>
</div>
</head>
<body>
<img id="exColAll" src="pics/tridown.gif" onclick="collapseExpandAll();" alt="Expand / Collapse All"> <a href="#" onclick="collapseExpandAll();return false">Expand / Collapse All</a>
<div id="omenu1" class="menupunkt" onclick="showMenu(this);">
--------------------------
Dette virker fint men hvis jeg prøver at kæde det sammen med mit får jeg problemer.
På min egen side laver jeg mine div felter således:
Str = str & "<DIV id=""" & Counter & "Parent"">"
str = str & "<SPAN class=brod>Løsning</Span>"
str = str & "</DIV>"
str = str & "<DIV class=""child"" id=""el" & Counter & "Child"">"
Str = Str & "<SPAN class=brod><br>" & DB_Svar & "</Span>"
str = str & "</DIV><br>"
Jeg skal altså gerne have hjælp til at rette js filen til så den virker på min side. Desude skal jeg vel have noget stylesheet på side også men hvormeget at det du skrev og er det ikke muligt at smide det i js filen også?
