Zum Inhalt springen

untermenu mouseover effekt

Erstellt am 20. Juni 2013 · 5 Antworten · letzte Antwort am 24. Juni 2013

Tags: Frage

mzmicha ·

hi leuts

ich bastle gerade an meiner navi rum. momentan schauts so bei mir aus :

  10.marks {
     STATEMENT = TEXT
     STATEMENT.value = Hier steht ein Text
     MENU_OBEN = HMENU
     MENU_OBEN.special = directory
     MENU_OBEN.special.value = 51
     MENU_OBEN.1 = TMENU
     MENU_OBEN.1.NO = 1
     MENU_OBEN.1.NO.linkWrap = <div class="navi_pos"> | </div>
  }

haut auch einwandfrei hin.
jetzt ist es so das ich folgende navi einträge habe :

Startseite
Praxis
Lehre
Vita
Kontakt
Block

bei den einträgen praxis und lehre gibt es noch untermenüs. im orginal html hab ich ein jscript das bei mouseover das jeweilige untermenu aufklappt.
jetzt muss ich des irgendwie in ts umsetzen. ich denke mal irgendwie mit RO.
wie kann ich jetzt typo3 klar machen das ich bei praxis, bzw lehre ein aufklappmenü habe ?

gruss micha

mzmicha ·

vielen dank norman.

leider versteh ich nur bahnhof.

gibt es eventuell eine schritt für schritt anleitung auf deutsch für doofe ?

ich versteh zb nicht wie kann ich mit typo3 mir einen menüpunkt raus picken und sagen das wenn mouseover bei diesem eintrag ist soll sich mein js ausführen und das untermenü anzeigen.

hab das ganze mal schon mal in webedition umgesetzt :

http://webedition.p166753.webspaceconfig.de/milvi-reiki/index.php

jetzt muss ich das ganze in typo3 umsetzen (zur übung).

Bin jetzt seit paar tagen nur am verzweifeln.

am montag kommt mein chef und will ergebnisse sehen und ich fühl mich noch genauso planlos wie am anfang.

hab mal nen screen von der menüstruktur gemacht. hab ich hier schonmal den richten ansatz oder geht das auch in ne falsche richtung.

gruss micha

ps:
mein ts schaut momentan so aus :

page = PAGE
page {
  typeNum = 0
  
  # Stylesheets
  includeCSS {
  file1 = fileadmin/template/Milvi_Reiki/css/style2.css
  file1.media = screen
  file2 = fileadmin/template/Milvi_Reiki/css/slider.css
  file2.media = screen
}  
  meta.AUTHOR = Michael Bogensperger
  meta.DESCRIPTION = Alles über Reiki
  
  # JavaScript
  headerData.10 = TEXT
  headerData.10.value = <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
  headerData.20 = TEXT
  headerData.20.value = <script type="text/javascript" src="fileadmin/template/Milvi_Reiki/jscript/jquery.cycle.all.js"></script>
  headerData.30 = TEXT
  headerData.30.value = <script type="text/javascript" src="fileadmin/template/Milvi_Reiki/jscript/openmenu.js"></script>  
  
  10 = TEMPLATE
  10.template = FILE
  10.template.file = fileadmin/template/Milvi_Reiki/index.html
  10.workOnSubpart = DOKUMENT
  10.marks {
     STATEMENT = TEXT
     STATEMENT.value = Hier kommt ein Statement rein
     CONTENT_MAIN = TEXT
     CONTENT_MAIN.value = Hier kommt der MainText rein
     CONTENT_HEAD = TEXT
     CONTENT_HEAD.value = Hier kommt die MainÜberschrift rein
    
     MENU_OBEN = HMENU
     MENU_OBEN {
       special = directory
       special.value = 51
       1 = TMENU
       1.NO = 1
       1.NO.linkWrap = <div class="navi_pos"> | </div>  
    }
  }
}

das ist das ergebnis bis jetzt :
http://typo2.agentur-mz.de/index.php?id=54

screen_typo3.jpg

Norman2k ·

1. ich kann dir die Mttwald-Dokus empfehlen um in TYPO3 rein zu kommen
2. den Forumbeitrag den ich dir oben schon verlinkt habe liefert das komplette TS, JS und CSS um so ein Menü zu realisieren
3. Deine Seitenstruktur ist nicht wirklich dafür geeignet, wieso legst du die Unterseiten nicht innerhalb der entsprechenden Seite an? Also innerhalb von "Praxis" die Seiten anlegen, die du jetzt unter "Menü links 1" hast.
4. Wenn du 3. befolgst, kannst du u.a. auch mit den verschiedenen Menüzuständen arbeiten, z.B. IFSUB

mzmicha ·

hi leuts

leider bin ich noch kein bischen weiter.
das beispiel was du mir geposted hast norman hab ich mal ausprobiert und bekomms net zum laufen.
ich versteh gar nix mehr.

wie kann ich typoscript sagen das er wenn ich auf nen bestimmten menüeintrag drüber fahre mein jscript ausgeführt wird. habe 6 einträge, aber nur bei zweien soll ein untermenu geöffnet werden.

der div des untermenu wird mit jscript bei mouseover von display:none zu display:block geändert - jetzt muss ich doch irgendwie typo sagen das bei 2 menupunkten ein mouseover und mouseout dazu gehören.

irgendwo hab ich ein grasses verständniss problem.

hab auch schon verschiedene seiten gefunden die ein solches menu generieren, aber deren ihre bespielvorlagen bekomm ich auch nicht so gebacken das es bei mir hinhaut.

http://www.mortox.de/typo3-tipps/typoscript-sammlung/dropdown-menue.html

auf der seite schaut das ergebnis genauso aus wie es haben möchte.
hab die html erstellt, hab das template erstellt, ergebniss weise seite.
verstehe auch nicht bei diesem beispiel, wo gesagt wird, wo die navieinträge los gehen. dachte muss ich mit special.value definieren.
bei den meisten beispielen die ich im netz finde ist kein special.value angegeben. ist das nicht zwingend nötig um nen einstiegspunkt zu haben ?
Bei dem Beispiel kann ich auch nicht erkennen woher typo weis das beim 2. menüeintrag der over-effekt greift.

gruss micha