the_cRu
Mitglied
Dabei seit: 25.04.06
Beiträge: 94
Herkunft: .dE! Forenversion: .2.1.6!
|
|
hey ihr,
also, ich wollt mein menü, welches ich so wie hier, links habe, mal etwas erweitern, bzw. verbessern.
ich habe 5 oberkategorien und darunter jeweils einige unterkats.
z.b.:
Kategorie 1:
- Punkt 01
- Punkt 02
- Punkt 03
...
Kategorie 2:
- Punkt 01
- Punkt 02
...
eigentlich ja leicht zu verstehen. nun habe ich ein simples dhtml menü genommen, welches wenn man auf die kategorie klickt, die unterpunkte ausklappen. ohne animation usw. ganz simpel. jetzt ist das problem,
das wenn ich auf eine kategorie klicke, und denn auf ne andere, das die erste wieder einklappt. das andere soll aber offen bleiben, und je nach belieben wenn man will wieder einklappen (durch nochmaliges klicken).
so, das andere was ich net hinbekomme (mangels erfahrung) ist, das man die einstellungen der jeweiligen kategorien in cookies speichert (am besten mit dem cookie vom wbb und denn in der db). da wenn man ja z.b. auf nen forum klickt, wird des menü ja wieder auf default gesetzt, so wie es im code eingestellt ist...
hier einmal der code:
direkt am anfang vom header.tpl:
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
|
<script type="text/javascript">
var maincat = new Array();
maincat[0] = 'cat1';
maincat[1] = 'cat2';
maincat[2] = 'cat3';
maincat[3] = 'cat4';
maincat[4] = 'cat5';
function show(divid)
{
if(document.getElementById(divid).style.display=="none")
{
for(i=0;i<maincat.length;i++)
{
document.getElementById(maincat[i]).style.display="none";
}
document.getElementById(divid).style.display="inline";
}
else
{
document.getElementById(divid).style.display="none";
}
}
</script> |
|
und hier der code im menü (auch bei mir header.tpl):
code: |
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
|
• <b><a href="#" onclick="show('cat1')">Kat1:</a><br></b>
<div id="cat1" style="display:inline">
- Test1<br /></div><br />
• <b><a href="#" onclick="show('cat2')">Kat2:</a><br></b>
<div id="cat2" style="display:inline">
- Test2<br /></div><br />
• <b><a href="#" onclick="show('cat3')">Kat3:</a><br></b>
<div id="cat3" style="display:inline">
- Test3<br /></div><br />
• <b><a href="#" onclick="show('cat4')">Kat4:</a><br></b>
<div id="cat4" style="display:inline">
- Test4
<br /></div><br />
• <b><a href="#" onclick="show('cat5')">Kat5:</a><br></b>
<div id="cat5" style="display:inline">
- Test5</div> |
|
würde mich sehr über bisserl hilfe freuen, bzw. denkansätze...
danke scho mal meinerseits
lg, tC
__________________ ...
|
|