Aufklappbare Menüse

Noxxx · Beitrag von **Noxxx** » 21.01.2008 08:12

hi

jeder kennt es vom Explorer wenn man einen Verzeichnisbaum hat, diesen kann man mit einem Click auf das Plus oder Minus auf bzw. Zuklappenlassen, diese möchte ich auch Programmieren.

Und zwar ist es so das wir die Jahre

2005
2006
2007
2008
haben und ich möchte das wenn man zb auf 2006 klickt, die Ivents von 2006 aufklappen... und das andere dann nach unten verschoben wir, halt wie beim explorer,....

Hat jemand ne Idee wie man das macht ?! Bzw. wie sich das überhaupt nennt damit man vielleicht auch mal danach google kann ?!

<dp> Stalker · Beitrag von **<dp> Stalker** » 21.01.2008 13:54

Hallo,

das kannst du soweit ich weiß nur mit JavaScript realisieren. Hab dir mal was rausgesucht:

Code: Alles auswählen

<script type="text/javascript">
<!--

function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById("cat2").style.display="none";
d.getElementById("cat3").style.display="none";
d.getElementById("cat4").style.display="none";
d.getElementById(divid).style.display="inline";

}
//-->
</script>
<body>
<a href="#" onclick="show('cat1')">2005</a><br>
<div id="cat1" style="display:none">
<a href="#">1</a><br>
<a href="#">2</a><br>
<a href="#">3</a><br>
</div>
<br>
<a href="#" onclick="show('cat2')">2006</a><br>
<div id="cat2" style="display:none">
<a href="#">1</a><br>
<a href="#">2</a><br>
<a href="#">3</a><br>
</div>
<br>
<a href="#" onclick="show('cat3')">2007</a><br>
<div id="cat3" style="display:none">
<a href="#">1</a><br>
<a href="#">2</a><br>
<a href="#">3</a><br>
</div>
<br>
<a href="#" onclick="show('cat4')">2008</a><br>
<div id="cat4" style="display:none">
<a href="#">1</a><br>
<a href="#">2</a><br>
<a href="#">3</a><br>
</div>

Damit müsste es eigentlich klappen

Wenn du lieber auf ein Bild (+/-) klicken möchtest:

Code: Alles auswählen

<a href="#" onklick="show('cat1')"><img src="bild.gif">2005</a><br>

oder

Code: Alles auswählen

<a href="#" onklick="show('cat1')"><img src="bild.gif"></a>2005<br>

Ich hoffe, ich konnte dir weiterhelfen.

Gruß
StalkeR

Noxxx · Beitrag von **Noxxx** » 21.01.2008 15:25

Danke ich werde es mal testen.... habe auch schon überlegt das mit php und includen zu machen, aber dann muss er ja jedesmal laden, und das finde ich nicht so toll....