TMENU 2 Ebenen

[karamasoff]

hallo leute,
nach 2 wochen ultracrashkurs mit typo3, habe nun die webseite soweit, daß alles richtig funktioniert (basierend auf yaml simple project)

nur beim menü stört mich eine kleinigkeit, die ich einfach nicht gelöst bekomme im typoscript:

das menü ist ein einfaches horizontales. aktuell hat nur eine einzige seite unterseiten und wenn diese im menü aktiviert wird klappt die 2. menüleiste unterhalb der ersten auf bzw. wird sichtbar und der menüpunkt in der ersten ebene wird grafisch hervorgehoben.
sobald ich aber einen menüpunkt der 2.ebene anklicke, wird dieser zwar wie gewollt grafisch hervorgehoben, aber der menüpunkt der ersten ebene wird wieder auf den ursprungszustand zurückgesetzt.

meine kenntnisse im typoscript sind wohl ledier noch zu gering, um das problem selber zu lösen. ein hinweis sich doch mal in der tsref ACT oder ACTIFSUB etc. hat mir zwar neue kenntnisse verschafft, aber ich häng immer noch in der luft^^.

hier is der codeausschnitt für die erste ebene (code ist nicht von mir nebenbei gesagt. war aus einem tutorial:sad:
1 = TMENU
1 {
expAll = 1
NO = 1
NO {
allWrap = <li>|</li>
}
CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}
}
2 < .1
}

und hier der für die 2.ebene:
1 = TMENU
1 {
expAll = 1
NO = 1
NO {
allWrap = <li>|</li>
}
CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}
}
}

ich schnall einfach nicht an welcher stelle ich den code unterbringen soll oder ob nur für ebene 1 oder 2 oder in beiden. was das coden betrifft bin ich leider kaum zu transferleistungen fähig (ausser html und css, das raff ich noch). nachvollziehen kann ich das alles, aber leider (noch?) nicht alleine schreiben...

thx schonmal für hinweise (sind mir grundsätzlich lieber als fertige codeschnipsel, aber manchmal gehts nicht anders sry^^)

hm hab jetzt mal in der ersten ebene aus CUR ACT gemacht. kommt fast hin.
einziger fehler:
das erste aktive menü nach aufruf der seite bleibt auch aktiv ..

[etux]

Du kannst in der ersten Ebene ein ACTIFSUB nehmen und den Listenelementen (LI) eine extra Klasse zuordnen. Über die Klasse formatierst Du dann die Links (oder/und die Listenelemente).
Oder noch besser, da Du ja schon den aktiven Link mit <strong> ersetzest, ein <em>-Element um den Link (oder in den Link) setzen. Auch hier weiter mit CSS.
Ein Beispiel:
Horizontales Drop-Down CSS-Menü (Drop-Down Menü) - emil-webdesign.net

Dass der entsprechende Link der ersten Ebene sein Hover-Zustand behält, solange seine Unterseite gehovert werden, erreichst Du allein mit CSS

.

[karamasoff]

danke dir.
da im typoscript ja beide ebenen mit ein und demselben active-zustand im css versehen sind, dacht ich mir schon sowas ähnliches, wollte aber partout eine typoscript-lösung^^.

dann werde ich das mal so versuchen.

[karamasoff]

hab es mit typoscript hinbekommen :-D.

der fehler lag am ansatz die ebene 1 auf ebene 2 zu vererben!
einfach für ebene 2 einen eigenen code erstellen:
lib.navigation = HMENU

lib.navigation {
wrap = <ul>|</ul>

1 = TMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
}

CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}

}

2 = TMENU
2 {
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
}
CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}
ACTIFSUB = 1
ACTIFSUB {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}

}

}

jetzt nur noch den schönheitsfehler wegbekommen, daß, wenn ich doNotLinkIt auskommentiere fürs ACTIFSUB, es das li zerstört (wird dann doppelt so hoch gerendert).

[etux]

ACTIFSUB gehört in der ersten Ebene. Wenn es eine dritte Ebene geben sollte, dann auch in der Zweiten. Dabei den Link nicht entfernen und <em> statt <strong> nehmen.

... wenn ich doNotLinkIt auskommentiere fürs ACTIFSUB, es das li zerstört (wird dann doppelt so hoch gerendert).

Das verstehe ich nicht. Ist Deine Site online? Link?

.

[karamasoff]

ja

Saftladen eV: Startseite

ich stell mach mal kurz das doNotLinkIt raus
ist zwar jetzt die unterleiste zerschossen, aber so siehts grundsätzlich aus, wenn das auskommentiere.
momentan hat nur "portfolio" eine 3te ebene.

btw. bei meiner lösung oben fehlt allerdings nun die topnav^^. weil die is ja auch auf ebene2...

der komplette code wäre der gewesen:

lib.navigation = HMENU

lib.navigation {
wrap = <ul>|</ul>

1 = TMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
}

CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}

}

2 = TMENU
2 {
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
}
CUR = 1
CUR {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}

ACTIFSUB = 1
ACTIFSUB {
allWrap = <li class="active"><strong>|</strong></li>
doNotLinkIt = 1
}

}

}

lib.subnavigation = HMENU
lib.subnavigation {
wrap = <ul>|</ul>
entryLevel = 2
1 = TMENU
1 {
expAll = 1
noBlur = 1
NO = 1
NO {
allWrap = <li>|</li>
}

// CUR = 1
// CUR {
// allWrap = <li class="active"><strong>|</strong></li>
// doNotLinkIt = 1
// }
// }
//}

lib.topnav = HMENU
lib.topnav {
special = directory
special.value = 10

1 = TMENU
1 {
NO = 1
NO.allWrap = ||*|&nbsp;&#124;&nbsp;||*|

CUR = 1
CUR.allWrap = <strong>|</strong>|*|&nbsp;&#124;&nbsp;<strong>|</strong>|*|
CUR.doNotLinkIt = 1

}

}

[etux]

Ich dachte, Du hast eine verschachtelte Listen-Navigation. Warum trennst Du die Menü-Ebenen überhaupt?
Bzw. warum definierst Du bei dem Hauptmenü eine zweite Ebene, wenn sie noch mal im Menü darunter definiert ist? Man könnte die Frage auch genau anders rum stellen.

ist zwar jetzt die unterleiste zerschossen, aber so siehts grundsätzlich aus, wenn das auskommentiere...
..... bei meiner lösung oben fehlt allerdings nun die topnav^^. weil die is ja auch auf ebene2...

Nichts davon kann ich nachvollziehen.

P.S.: Hast Du Dir den TypoScript-Code in meinem Beispiel angeschaut?
Ein Beispiel (nicht vertig, noch in Arbeit) für ein Drop-Line Menü hätte ich auch:
... in Arbeit (Drop-Line Menü) - emil-webdesign.net

.

[karamasoff]

naja das sind halt alles codes aus einem tutorial und von noch jemandem.

wie gesagt, ich hab vor 2 wochen erst überhaupt mit typo3 angefangen und war froh da auf die schnelle einen ersatz für unsere alte flashseite bauen zu können.
ich steig erst so langsam in typoscript durch, teilweise durch tutorials teilweise trial-and-error versuche + die tsref. deswegen ist das wohl auch zusammengeflickt.^^
dazu noch das yaml framework.

also im firefox sieht die untere leiste nicht so aus wie sie soll, wenn ich das doNotLinkIt deaktiviere. das gleiche passiert auch, wenn ich auf ebene1 deaktivere.

die menüleiste wird dann fast doppelt so dick im firefox 3.6 dargestellt.

naja ich werds mal mit deiner lösung probieren. allerdings aufm localhost^^.

dank dir für die mühe!