Hallo erstmal an die Forum-Community!
Ich bin neu im Bereich Typo3 und hab mich schon n paar Tage eingelesen und auch schon n paar Tutorials durchgemacht.
Zur Sache:
Auf einer Seite soll die Hauptnavigation aus folgenden zwei Arten bestehen:
Bild: hammertyp.de/…/menu1.gif
(CSS-Menü von Stu Nichols)
Bild: hammertyp.de/…/menu2.gif
Mein Problem:
Ich bekomme mit unterschiedlichen TS-Code entweder jeweils die erste Variante oder die zweite realisiert. Es muss jedoch beides in einem umgesetzt werden und ich weis nicht wie...
-------------------------------
Aktueller TS-Code (für Variante 2 [Var. 1 ist auskommentiert]):
## Stu Nichols CSS-Menü einbinden ##
tmp.NAVI = HMENU
tmp.NAVI {
excludeUidList = 23,25,24
wrap = |
entryLevel = 0
1 = TMENU
1 {
#expAll = 1
noBlur = 1
wrap = <ul class="navi">|</ul>
NO = 1
NO {
wrapItemAndSub = <li class="nosub">|</li>
stdWrap.htmlSpecialChars = 1
ATagBeforeWrap = 1
ATagTitle.field = abstract // description // title
}
IFSUB = 1
IFSUB {
beforeWrap = <li>
inkWrap = |
doNotShowLink = 1
before.cObject = TEXT
before.cObject.dataWrap = <a href="index.php?id={field:uid}">
after.cObject = TEXT
after.cObject.field = title
after.cObject.wrap = | <!--[if IE 7]><!--></a><!--<![endif]-->
}
ACT = 1
ACT {
wrapItemAndSub = <li class="navi-current-nosub">|</li>
}
ACTIFSUB = 1
ACTIFSUB {
wrapItemAndSub = <li class="navi-current">|</li>
}
}
2 = TMENU
2 {
wrap = <ul class="navi-active">|</ul>
NO {
wrapItemAndSub = <li>|</li>
}
CUR = 1
CUR {
wrapItemAndSub = <li class="navi-sub-active">|</li>
}
}
# 2 < .1
# 2.wrap = <!--[if lte IE 6]><table><tr><td><![endif]--><ul class="navi-sub">|</ul><!--[if lte IE 6]></td></tr></table></a><![endif]-->
}
------------------
Ich bin schon seit Tagen daran, es umzusetzen. Bin also echt jedem Dankbar, der mir hier weiterhelfen kann.
Greetz
Blu3ye
Hi,
mir ist nicht ganz klar wie die 2 menüs miteinander auf einer seite sein sollen.
wird das "untere" menü angezeigt wenn zuvor auf den hauptnavipunkt geklickt wurde?
ToM
Verstehe auch nicht wie das gehen soll. Imo ist das kein TYPO3 Problem sondern ein grundlegendes technisches.
Entweder du schreibst nochmal für was du die zweite Variante brauchst oder mein Statement ist: Geht nicht!
Daniel
Ach so... sorry - hätt ich natürlich dazu schreiben sollen :o
Ja, das Menü lt. Bild 2 soll erscheinen, wenn auf einen der Hauptmenüpunkte im Menü selbst bzw. im Flyout-Menü geklickt wurde. Zusätzlich soll dann natürlich auf dem ausgewählten Menübereich kein Flyout mehr erscheinen.
Wie gesagt ich hab beide Varianten schon geschrieben - nur die Kombination beider weis ich net wie realisieren.
Das sollte theoretisch möglich sein. Generell ist zu sagen, dass wenn du dein Menü ohne T3 hinbekommst, du es auch in T3 realisieren kannst.
Also zurück ans Reisbrett und tüfteln wie du das schaffen könntest. Imo funktioniert das Flyout ja mittels JS. Also könntest du versuchen, ein List-Menü zu basteln und wenn der Mainmenüpunkt aktiv ist, das JS nicht greift.
Daniel
Na deswegen hab ich mich ja hier gemeldet 😉
Tüftle schon seit Tagen dran rum und kommt nix bei raus.
Das Menü ist reines CSS - KEIN JS! (cssplay.co.uk - stu nichols)
Wie gesagt funktionieren beide Varianten schon - auch mit Typo3 - jedoch nicht beides in Kombination.
Es müsste eine Möglichkeit geben, für "2 = TMENU" noch weiteres anzugeben, da ich das 2te Level quasi zweimal brauch. Einmal für Flyout und einmal fürs Andere.
Dacht evtl. noch n zweites Menü aufzubauen und dass innerhalb des ersten anzeigen zu lassen. Erste Versuche haben jedoch gar nix angezeigt.
Kann man überhaupt Subparts ineinander verschachteln?
EDIT:
Bspw. müsste ich dem Level 2 einen anderen Wrap zuteilen können - je nach Menü. Das sollte mich schon viel weiter bringen. Kann man Wraps zweimal angeben?
Also:
2= TMENU
2 {
wrap = <ul class="navi-active">|</ul> #menü activ
wrap = <ul class="navi-sub">|</ul> #menü flyout
}
So in etwa
Naja, du musst dann den umweg über eine USERFUNCTION gehen. Anders wirst du das Problem nicht lösen können.
Weil du ja ständig abfangen musst, wer welchen Menüzustand bekommt. Das dümmste was passieren kann ist, dass du für jeden Mainmenupunkt ein eigenes Menü schreiben musst und dass dann mittels COA an einen Marker ausgibst.
Aber nur mit TS bekommst du das imo nicht hin. Du müsstest ja im Prinzip auf folgendes prüfen:
Suche den obersten Menüpunkt in meiner Linie und wenn der dieunddie CSS-Klasse hat, dann gib den Menüpunkt unterhalb dieses Menüpunktes dieunddie CSS-Klasse, ansonsten dieunddieandere.
Daniel
PS: Vielleicht postest du das ganze mal in einem HTML/CSS-Forum. Da bist du imo besser aufgehoben!!
Hey d.walter,
danke für deine Hilfestellung. Jedoch übersteigt das definitiv meine Typo3-Fähigkeiten (sofern man das schon so nennen kann ^^).
Werden jetzt nun das Flyout-Menü weglassen und nur die andere Variante verwenden.
Thx @ all!