Java træ menu som skal lukke automatisk
Jeg har en javascript menu som åbner foldere ligesom windows stifinder, jeg savner bare at når man ex er inde i område 1 og går videre ind i område 2 så ville jeg gerne at den automatisk lukker område 1.Den nederste script del er bare til cookie således at hvis man kommer tilbage til menuen så er det område man have åbnet stadig åben.
Håber der er en der kan lave det JS jeg mangler for at den lukke automatisk...
koden.html
<HTML>
<HEAD>
<style>
<!--
#foldheader{cursor:pointer;cursor:hand ; font-weight:bold ;
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script language="JavaScript1.2">
<!--
//Smart Folding Menu tree- By Dynamic Drive (rewritten 03/03/02)
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use
var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
var ns6=document.getElementById&&!document.all
var ie4=document.all&&navigator.userAgent.indexOf("Opera")==-1
function checkcontained(e){
var iscontained=0
cur=ns6? e.target : event.srcElement
i=0
if (cur.id=="foldheader")
iscontained=1
else
while (ns6&&cur.parentNode||(ie4&&cur.parentElement)){
if (cur.id=="foldheader"||cur.id=="foldinglist"){
iscontained=(cur.id=="foldheader")? 1 : 0
break
}
cur=ns6? cur.parentNode : cur.parentElement
}
if (iscontained){
var foldercontent=ns6? cur.nextSibling.nextSibling : cur.all.tags("UL")[0]
if (foldercontent.style.display=="none"){
foldercontent.style.display=""
cur.style.listStyleImage="url(open.gif)"
}
else{
foldercontent.style.display="none"
cur.style.listStyleImage="url(fold.gif)"
}
}
}
if (ie4||ns6)
document.onclick=checkcontained
//-->
</script>
</HEAD>
<BODY>
<center>
<a href="index.php?site=viden2"><b>Se 2. udgave af Videns dokumentvisningen!</b></a>
<br><br>
</center>
<TABLE width="90%" border="0">
<tr>
<td colspan="2" align="center">
<b>Videns Dokumenter.</b>
</td>
</tr>
<tr>
<td width="65%">
<ul>
<li id="foldheader">1. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
</ul>
<li id="foldheader">2. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
</ul>
<li id="foldheader">3. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
</ul>
<li id="foldheader">4. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
</ul>
<li id="foldheader">5. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
</ul>
<li id="foldheader">6. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 3</a></li>
<li><a href="vores_videns_dokumenter.html">Dokument 4</a></li>
<li id="foldheader">6.1. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 1</a></li>
<li id="foldheader">6.1.1. Område</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="vores_videns_dokumenter.html">Dokument 2</a></li>
</ul>
</ul>
</ul>
</td>
<td style="vertical-align: top;">
<input type="text" size="25">
<input type="button" value="Søg">
</td>
</tr>
</TABLE>
<script language="JavaScript1.2">
<!--
function get_cookie(Name) {
//Get cookie routine by Shelley Powers
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
// if cookie exists
if (offset != -1) {
offset += search.length
// set index of beginning of value
end = document.cookie.indexOf(";", offset);
// set index of end of cookie value
if (end == -1) end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
var foldercontentarray=new Array()
var c=0
if (ns6){
for (i=0;i<document.getElementsByTagName("UL").length;i++){
if (document.getElementsByTagName("UL")[i].id=="foldinglist"){
foldercontentarray[c]=document.getElementsByTagName("UL")[i]
c++
}
}
}
if (get_cookie(window.location.pathname) != ''){
var openresults=get_cookie(window.location.pathname).split(" ")
for (i=0 ; i < openresults.length ; i++){
if (ns6){
foldercontentarray[openresults[i]].style.display=''
foldercontentarray[openresults[i]].previousSibling.previousSibling.style.listStyleImage="url(open.gif)"
}
else{
foldinglist[openresults[i]].style.display=''
document.all[foldinglist[openresults[i]].sourceIndex -1].style.listStyleImage="url(open.gif)"
}
}
}
if (ns6||ie4){
var nodelength=ns6? c-1 : foldinglist.length-1
var nodes=new Array(nodelength)
var openones=''
}
function checkit(){
for (i=0 ; i <= nodelength ; i++){
if ((ns6&&foldercontentarray[i].style.display=='')||(ie4&&foldinglist[i].style.display==''))
openones=openones + " " + i
}
document.cookie=window.location.pathname+"="+openones
}
if (ns6||ie4)
window.onunload=checkit
//-->
</script>
</BODY>
</HTML>
