Tree-Menü

[BeatriceG]

Weiß jemand, wie ich ein einfaches und trotzdem schönes (etwa so wie im Win-Explorer) Tree-Menü programmieren oder finden kann?

 

[Andreas Gaisbauer]

Einfache Treemenus sind eher selten - steckt immer relativ viel logik dahinter. Schau dir mal einfach http://www.treemenu.com/ an

 

[BeatriceG]

Nun, ich habe ja eines, wo ich dachte, dass es relativ einfach umzuprogrammieren ist. Aber sobald ich einen zweiten "Ast" einfügen möchte, das ebenfalls unterteilt ist, geht das nicht mehr. Keine Ahnung, warum. Ich kann ja mal das Script posten, vielleicht kann mir da jemand weiterhelfen. Also, um das Problem auf den Punkt zu bringen: Ich möchte unter "Eigene Dateien" in gleicher Höhe "Arbeitsplatz" einfügen. Wie muss ich das machen, damit das funktioniert. Ich habe damit noch nicht viel gemacht, sorry!

<DIV ID="Out0">
<a href="desk.html" target="main"><IMG SRC="desk.gif" ID="Out1" CLASS="Outline" STYLE="

cursor: hand" WIDTH="16" HEIGHT="16" border=0></a>&nbsp;<a href="desk.html" target=

main>Desktop</a><BR>
<IMG SRC="folder.gif" ID="Out1" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="

16" border=0>&nbsp;<a href="datei.html" target=main>Eigene Dateien</a><BR>
<DIV ID="Out1d">
&nbsp;&nbsp;<a href="bilder.html" target=main><IMG SRC="folder.gif" ID="Out2" CLASS="

Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="16" border=0></a>&nbsp;<a href="bilder.

html" target=main>Eigene Bilder</a><BR>
&nbsp;&nbsp;<a href="musik.html" target=main><IMG SRC="folder.gif" ID="Out2" CLASS="

Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="16" border=0></a>&nbsp;<a href="musik.

html" target=main>Eigene Musik</a><BR>
<DIV ID="Out2d" STYLE="display:None">
</DIV>
</DIV>
</DIV>
<SCRIPT LANGUAGE="JavaScript">
function clickHandler() {
var targetId, srcElement, targetElement;
srcElement = window.event.srcElement;
if (srcElement.className == "Outline") {
targetId = srcElement.id + "d";
targetElement = document.all(targetId);
if (targetElement.style.display == "none") {
targetElement.style.display = "";
srcElement.src = "akte.gif";
} else {
targetElement.style.display = "none";
srcElement.src = "folder.gif";
}
}
}

document.onclick = clickHandler;

</SCRIPT>