Zum Inhalt springen

GMENU vs. JavaScript/CSS

Erstellt am 27. April 2004 · 4 Antworten · letzte Antwort am 6. August 2004

Tags: Frage

Alex Weber ·

Wer, so wie ich, Probleme damit hat sich ein grafisches Menü von Typo generieren zu lassen, und es nicht schafft das entsprechenden Typo Script zu schreiben, dafür aber mit CSS umgehen kann, dem könnte diese Variante eventuell gefallen.

Dieses Menü basiert allerdings auf zwei JavaScripten und diversen CSS-Anweisungen.

Die Idee, auf diese Weise ein Menü umzusetzen kam ich durch dieses Menü von Batiste Bieler ( http://www.magnin-sante.ch/journal/html/menu3/menuHorizontal.html )

Voraussetzung dafür ist eigentlich nur, dass Typo das Menü in einem speziellen HTML Code erzeugt. Ungeordnete Listen die wiederum selbige in sich beherbergen.

Der Setup Code dafür sieht so aus:

# Initialisieren der Seite
page = PAGE
page.typeNum = 0

# Einbinden der Stylesheets und anderer Sachen
page.stylesheet = fileadmin/hori_men/menu.css
page.headerData.10 = TEXT
page.headerData.10.value=<script type="text/javascript" src="fileadmin/hori_men/dynMenu.js"></script><script type="text/javascript" src="fileadmin/hori_men/browserdetect.js"></script>


# Anfang Template
page.20 = TEMPLATE
page.20 {
template = FILE
template.file = fileadmin/hori_men/template.htm

# nur den Body bearbeiten
workOnSubpart = BODY

# Menü 1 einfügen
subparts.navi = HMENU
subparts.navi {
  entryLevel = 0

     # Erste Menüebene (horizontaler Teil)
     1 = TMENU
     1 {
        wrap = <ul id="menu">|</ul>
        expAll = 1
        IFSUB = 1
        IFSUB.allWrap = <li><div id="top">|</div><ul>
        NO.linkWrap = <li><div id="top">|</div></li>
        }

     # Zweite Ebene (erster vertikaler Teil)
     # ----> Alle folgenden sind identisch mit dieser
     2 = TMENU
     2 {
       wrap =  | </ul></li>
       expAll = 1
       IFSUB = 1
       IFSUB.allWrap = <li>|<ul>
       NO {
          linkWrap = <li>|</li>  
          RO = 1
             }
       }

      3 < .2
      4 < .2
      5 < .2
      6 < .2
}
# Ende Template
}

Mein Resultat in Typo: http://82.165.8.199/typo3cms/exotec-design.de/index.php?id=90

Alex Weber ·

Ich habe irgendwann auch gelesen das es mit dem GMENU in Opera massive Probleme geben soll, mit dieser Variante siehts in allen Browser gleich aus.

Schmoozer ·

Es sieht zwar gleich aus, aber ich kann mit Opera (Derzeit aktuellste Version) zum Beispiel nur Links bis zur ersten Subebene verfolgen. Danach verschwindet das Menü, sobald ich auf die 2te Ebene klicken will...

Dander ·

Wenn ich schnell genug mit der maus fahre funktionieren bei mir alle ebenen mit Opera 😃

MFG

Dander