Ok, nochmal aufgestanden, weil ich eine Idee hatte, wie es gehen könnte, umgesetzt und fast zufrieden:
for (var i in Hauptmenue)
{
Menue += '<div class="Button Hauptmenue">' + Hauptmenue[i] + '</div>';
if (i < l - 1)
Menue += '<div class="ButtonTeiler"></div>';
var Menuepunkt = TextBereinigen(Hauptmenue[i]);
if (typeof Untermenue[Menuepunkt] !== "undefined")
{
var l2 = Untermenue[Menuepunkt].length;
for (var j in Untermenue[Menuepunkt])
{
+--->
| if ($(Untermenue[Menuepunkt][j]).size() > 1)
| {
| var l3 = Untermenue[Menuepunkt][j].length;
|
| for (var k in Untermenue[Menuepunkt][j])
| {
| Menue += '<div class="Button">' + Untermenue[Menuepunkt][j][k] + "</div>";
|
| if (k < l3 - 1)
| Menue += '<div class="ButtonTeilerUntermenue"></div>';
| else
| Menue += '<div class="ButtonTeiler"></div>';
| }
| }
+--->
else
{
Menue += '<div class="Button">' + Untermenue[Menuepunkt][j] + "</div>";
if (j < l2 - 1)
Menue += '<div class="ButtonTeilerUntermenue"></div>';
else
Menue += '<div class="ButtonTeiler"></div>';
}
}
}
}
Jetzt habe ich lediglich das Problem, dass das jeweils, eigentlich zu den Untermenüs "Aus Stoff", "Aus Leder" und "Aus Metall" gehörende Untermenü "Für den Kopf", "Für den Oberkörper", "Für die Arme", "Für die Beine" und "Sonstiges" hintereinander nach dem Untermenüpunkt "Aus Metall" angezeigt werden.
D.h., ich habe jetzt folgende Struktur:
Rüstzeug
Aus Stoff
Aus Leder
Aus Metall
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Und nicht, wie beabsichtigt:
Rüstzeug
Aus Stoff
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Aus Leder
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Aus Metall
Für den Kopf
Für den Oberkörper
Für die Arme
Für die Beine
Sonstiges
Was muss ich bei meinem Code ändern?
Danke und Gruß,
Enrico