Betreff: dynamisches Menü
von Goffy am 17.03.2011 12:09:07
Hallo Leute
Hab mal wieder ein Problem und hoffe, jemand kann mir helfen.
Ich lasse einen Menüblock per php dynamisch erstellen.
Dieses Menü sieht dann etwa so aus:
Hauptmenüpunkt 1
Hauptmenüpunkt 2
- Untermenüpunkt zu 2
- Untermenüpunkt zu 2
- Untermenüpunkt zu 2
Hauptmenüpunkt 3
- Untermenüpunkt zu 3
- Untermenüpunkt zu 3
Hauptmenüpunkt 4
- Untermenüpunkt zu 4
- Untermenüpunkt zu 4
Hauptmenüpunkt 5
Wenn ich nun z.B. auf Hauptmenüpunkt 3 klicke, sollen alle anderen Untermenüpunkte verschwinden.
Wenn ich nun dann auf Hauptmenüpunkt 2 klicke, sollen Untermenüpunkte zu 3 verschwinden und die Untermenüpunkte zu 2 angezeigt werden.
Mein Versuch sieht nun so aus:
Script
function showmenuitems(item)
{
document.getElementById("submenu1").style.display = "none";
document.getElementById("submenu2").style.display = "none";
document.getElementById("submenu3").style.display = "none";
document.getElementById("submenu4").style.display = "none";
document.getElementById(item).style.display = 'block';
}
Das Menü sieht so aus:
<a id="menu1" onclick="showmenuitems('submenu1')" href="#">Hauptmenüpunkt 1</a><br/>
<a id="menu2" onclick="showmenuitems('submenu2')" href="#">Hauptmenüpunkt 2</a><br/>
<a id="submenu2" href="#">- Untermenüpunkt zu 2</a><br/>
<a id="submenu2" href="#">- Untermenüpunkt zu 2</a><br/>
<a id="submenu2" href="#">- Untermenüpunkt zu 2</a><br/>
<a id="menu3" onclick="showmenuitems('submenu3')" href="#">Hauptmenüpunkt 3</a><br/>
<a id="submenu3" href="#">- Untermenüpunkt zu 3</a><br/>
<a id="submenu3" href="#">- Untermenüpunkt zu 3</a><br/>
<a id="menu4" onclick="showmenuitems('submenu4')" href="#">Hauptmenüpunkt 4</a><br/>
<a id="submenu4" href="#">- Untermenüpunkt zu 4</a><br/>
<a id="submenu4" href="#">- Untermenüpunkt zu 4</a><br/>
<a id="menu5" onclick="showmenuitems('submenu5')" href="#">Hauptmenüpunkt 5</a><br/>
Das Ganze funktioniert aber nicht (keine Ahnung, warum???)
Gibt es für diese Problemstellung eine "Xoops"-konforme Lösung?
mfg
Goffy
| 
