nicht angemeldet
Hallo,
ich habe eine Baumstruktur aufgebaut, aber bei der Ansicht
sollen die Unterordner nun ähnlich wie beim Explorer
unter Windows aufgeklappt werden können.
Ein wenig Quelltext wäre nicht übel.
Aber ich bin heute in Geberlaune:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Baumstruktur</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<style type="text/css">
<!--
ul {margin:0; padding-left:1em; list-style-type:none;}
li {margin:0; padding:0;}
ul#uo01 {display:none; margin-left:1em;}
ul#uo02 {display:none; margin-left:1em;}
ul#uo03 {display:none; margin-left:1em;}
-->
</style>
<script type="text/javascript">
<!--
function zeigeUnterordner(id) {
document.getElementById("b"+id).firstChild.nodeValue = "-";
document.getElementById("b"+id).onclick = function () {versteckeUnterordner(id)};
document.getElementById("uo"+id).style.display="block";
}
function versteckeUnterordner(id) {
document.getElementById("b"+id).firstChild.nodeValue="+";
document.getElementById("b"+id).onclick = function () {zeigeUnterordner(id)};
document.getElementById("uo"+id).style.display="none";
}
//-->
</script>
</head>
<body>
<ul>
<li><button id="b01" onclick="zeigeUnterordner('01')">+</button>Hauptordner<ul id="uo01">
<li>Unterordner</li>
<li>Unterordner</li>
<li>Unterordner</li>
</ul>
</li>
<li><button id="b02" onclick="zeigeUnterordner('02')">+</button>Hauptordner<ul id="uo02">
<li>Unterordner</li>
<li>Unterordner</li>
<li>Unterordner</li>
<li>Unterordner</li>
</ul>
</li>
<li><button id="b03" onclick="zeigeUnterordner('03')">+</button>Hauptordner<ul id="uo03">
<li>Unterordner</li>
<li>Unterordner</li>
</ul>
</li>
</ul>
</body>
</html>
viele Grüße
Axel