Zum Inhalt springen

JavaScript-Menu

Erstellt am 31. Oktober 2007 · 4 Antworten · letzte Antwort am 2. November 2007

Tags: Frage

papillon6 ·

Hi!
Möchte in Typo3 ein "herkömmliches" JavaScript-Menü einsetzen. Die Menüpunkte erster Ordnung sollen horizontal nebeneinander stehen, fährt man mit der Maus über einen Menüpunkt, öffnet sich darunter das entsprechende Submenü.

--------------------------
| Menü1 | Menü2 | Menü 3 |
--------------------------
| Sub1 |
| Sub2 |
| Sub3 |
-------

Hoffe die "ASCII-Zeichnung" ist erkennbar ;-)

Soweit so gut. Ich möchte dabei ein schon bestehendes JavaScript einsetzen, dass folgende Struktur für das Menu _voraussetzt_:

<table>
  <tr>
    <td>
      <a href="#"> Menü1 </a>
       <div>
         <a href="#"> Sub1 </a>
         <a href="#"> Sub2 </a>
         <a href="#"> Sub3 </a>
       </div>
    </td>
    <td>
       <a href="#"> Menü2 </a>
    </td>
    <td>
      <a href="#"> Menü3 </a>
    </td>
  <tr>
</table>

Soweit mein _Vorhaben_

Um das Ganze in TypoScript umsetzen zu können, gibt es jedoch ein Problem, dass ich bisher nicht lösen konnte und zwar die verschachtelte Struktur des jeweiligen Submenüs...

Vielleicht hat jemand von euch eine Idee oder ist aufgrund der Verschachtelung eine Umsetzung in Typoscript per se nicht möglich!?

Mein bisheriges Skript:

...
NAVI_MAIN = COA
NAVI_MAIN.wrap = <table><tr> | </tr></table>
NAVI_MAIN.10 = HMENU
NAVI_MAIN.10.special = directory
NAVI_MAIN.10.special.value = 1
NAVI_MAIN.10.entryLevel = 1   
       NAVI_MAIN.10{
           1 = TMENU
           1.NO = 2
           1.NO.linkWrap = <td> | </td> 

# Das Submenü würde folgendermaßen "angesprochen"      
           2 = TMENU
#   .... 
# jedoch bekomme ich so keine Verschachtelung hin.
      }

Vielleicht weiß jemand von euch Rat, wäre sehr dankbar!

Grüße

papillon6 ·

Danke für die Vorschläge, mittlerweile habe ich das Problem selber lösen können:
"expAll" heißt das Zauberwort ;-)
Falls jemand ein ähnliches Problem haben sollte, hier ein Ausschnitt aus dem Code:

MARKER = COA
MARKER.wrap = <table><tr> | </tr></table> 
MARKER.10 = HMENU
MARKER.10{
special = directory
special.value = 1
entryLevel = 1 

1 = TMENU
1.expAll = 1		
1.noBlur = 1 
1.NO = 1 
1.NO.wrapItemAndSub = <td> | </td>
			
2 < .1
2.wrap = <div> | </div>    
2.NO.wrapItemAndSub >
	 
}

Gibts es eigentlich eine _vollständige_ Übersicht aller TypoScript-Funktionen / -Attribute ?
Sämtliche Literatur, die ich bisher in den Fingern hatte beschreibt immer nur einen Teil, eine allumfassende Angabe konnte ich bisher nicht finden.