Hallo
Ich bin ein Typo3-Newbee und habe eine Frage zu TMENU, die ich auch mithilfe der Forumssuche nicht beantworten konnte. Vielleicht kann es ja jemand von euch. Das Problem ist folgendes:
Ich möchte Tree Menu Magic von Project Seven (http://www.projectseven.com/products/menusystems/tmm2/04carbon.htm)in der vertikalen Version in Typo3 verwenden. Dazu lasse ich von Typo3 eine verschachtelte Liste der Menüpunkte erstellen, inkl. der notwendigen Klassen. Soweit funktioniert das, ebenso die Einbindung des javascriptes und des stylesheets.
Leider funktioniert die Animation aber nicht, was - wie ich bei der Forumssuch herausgefunden und auch in einer lokalen HTML-Datei verifiziert habe - leider nicht funktioniert, weil Typo3 den Listencode in einer einzigen Zeile ausgibt.
Daher meine Frage: Wie schaffe ich es, dass Typo3 die Liste nicht in einer Zeile ausgibt, sondern wie üblich mit einem Umbruch nach den </li> und </ul> Tags? Ich habe es mit runden Klammern versucht, aber erfolglos.
Ergänzungsfrage: Wie könnte ich es nur mittels Typoscript hinkriegen, dass die Untermenüs beim Klick auf den Triggerlink unterhalb desselben erscheinen, genauso wie das das erwähnte Script bei vertikalen Menüs macht?
Besten Dank für eure Hilfe
Hier der Code meines Menüs:
#Hauptnavigation links
HAUPTNAVI= HMENU
HAUPTNAVI {
wrap = <div id="p7TMM_1" class="p7TMM08">|</div>
special = directory
special.value = 46
entryLevel = 0
1 = TMENU
1 {
expAll = 1
wrap = <ul class="p7TMM">|</ul>
NO = 1
NO {
allWrap = <li>|</li>
}
IFSUB = 1
IFSUB {
wrapItemAndSub = <li>|</li>
}
}
2 < .1
2.wrap = <ul>|</ul>
3 < .1
}
[/i]
Hallo
Das Problem der ersten Teilfrage bleibt weiterhin bestehen.
Hingegen habe ich die Ergänzungsfrage selber beantwortet: mit dem rgaccordion funktioniert dei Navigation wie gewünscht. Problem also gelöst.
Allerdings: das mit dem Code auf einer einzigen Zeile ist wirklich nicht so doll.
Zeig doch mal den Code, der ausgegeben wird, wo nach den li Tags nicht umgebrochen wurde. Vielleicht fehlt dir das abschliessende /li ? Hast du da mal reingesehen?
Das liegt weniger an Typo, wuerde ich ganz frech behaupten.
Hallo Patrick
Danke für die Antwort.
Patrick S. schrieb
Zeig doch mal den Code, der ausgegeben wird, wo nach den li Tags nicht umgebrochen wurde. Vielleicht fehlt dir das abschliessende /li ? Hast du da mal reingesehen?
Ecco:
<ul id="rgaccordmenu"><li><span class="empty"><a href="index.php?id=home" >Home</a></span></li><li><span class="empty"><a href="index.php?id=54" >Aktuell</a></span></li><li><span class="empty"><a href="index.php?id=53" >Beratung</a></span></li><li><span class="toggle">Kurse</span><ul class="content"><li><a href="index.php?id=68" >Deutschkurse</a></li><li><a href="index.php?id=67" >Alphabetisierungskurse</a></li><li><a href="index.php?id=66" >Muki-Deutsch</a></li><li><a href="index.php?id=65" >Kinderhütedienst</a></li><li><a href="index.php?id=64" >Kurslokale</a></li><li><a href="index.php?id=63" >Anmeldung</a></li></ul></li><li><span class="empty"><a href="index.php?id=51" >Veranstaltungen</a></span></li><li><span class="toggle">Projekte</span><ul class="content"><li><a href="index.php?id=70" >Incluso</a></li><li><a href="index.php?id=69" >Migrationstram</a></li></ul></li><li><span class="empty"><a href="index.php?id=49" >Burgdorf & Langenthal</a></span></li><li><span class="empty"><a href="index.php?id=48" >Downloads</a></span></li><li><span class="empty"><a href="index.php?id=47" >Migrantenvereine</a></span></li></ul>
Dieser Code entspricht nicht mehr genau dem ersten, weil ich inzwischen eben auf rgaccordion umgestellt habe. Allerdings zeigt er, dass die </li>-Tags vorhanden sind und die Verschachtelung auch richtig erfolgt. Zeilenschaltung jedoch ist nach wie vor keine.
Das liegt weniger an Typo, wuerde ich ganz frech behaupten.
Das habe ich eigentlich auch nicht behauptet. Ich bin durchaus der Meinung, dass der Fehler bei mir liegt. Bloss wo? Die Ausgabe scheint mir prinzipiell korrekt zu erfolgen, bis eben auf die Zeilenschaltung.
Den TS-Code habe ich in meinem ersten Posting ja schon hingeschrieben.
Sieht richtig aus. Hast du die li und ul per CSS nochmal definiert?
Wenn ja, wie?
Das verstehe ich jetzt nicht:
Wie soll CSS auf den Zeilenumbruch im HTML-Code einwirken?
Das Problem liegt ja nicht im CSS, sondern im Javascript von ProjectSeven, das offenbar nicht mit Listen umgehen kann, die in einer Zeile geschrieben sind. Das scheint übrigens nicht das einzige zu sein, wie ich aus einem anderen Thread (
#866541) hier entnommen habe. Die dort angegebene Lösung für den wrap hat bei mir leider nicht funktioniert.