TYPO3-Testaccount
Testen Sie die aktuellste TYPO3-Version kostenlos und unverbindlich für einen Monat!

Jetzt testen!

Schulungen

2 Menüs verbinden bei hover


Autor Nachricht
Verfasst am: 07. 04. 2012 [20:59]
typo3_hp
Themenersteller
Dabei seit: 23.04.2006
Beiträge: 319
Guten Abend,

Ich habe 2 von einander unabhängige Menüs, das erste Menü zeigt Die erste Ebene und das zweite (s.u.) zeigt die Unterebene.

Bei einem Klick auf ein Element der ersten Ebene wird ja bereits in der zweiten Ebene die Elemente geladen.

Nun hätte ich es gerne so, dass bei einem Mouse-Over (hover) in der ersten Ebene, die Elemente der jeweiligen Unterebene (Navigation 2) geladen werden.

Danke

TYPOSCRIPT
subparts.menX {
 entryLevel = 1
 1 = TMENU
 1{
 wrap = <div id="subnav">|</div>
 #wrap = <ul>|</ul>
 noBlur = 1
 NO = 1
 #NO.allWrap = <li>|</li>
  NO.allWrap=<li>|</li> |*| <li>||</li>
 ACT = 1
 ACT.allWrap = <li><span>|</span></li>
 ACT.doNotLinkIt = 1
 }
 }
Profil
Verfasst am: 08. 04. 2012 [14:57]
typo3_hp
Themenersteller
Dabei seit: 23.04.2006
Beiträge: 319
Niemand eine Idee?

Es sollte so sein wie bei jweiland.net

D.h. oben das Hauptmenü und unten die Unterseiten, bei einem Hover über die Hauptmenüelemente sollen die jweiligen Unterseiten im Untermenü angezeigt werden.
Wenn kein Hover stattfindet, die jeweils aktuellen Unterseiten.

Danke und Grüße
Profil
Verfasst am: 09. 04. 2012 [00:33]
Chrissli
Dabei seit: 19.04.2010
Beiträge: 509
Rein mit TS klappt das nicht.
Du musst dein erstes MENU-Level mit
expAll = 1
immer ausgeklappt lassen und die Anzeige der entsprechenden Untermenüs mit CSS oder Javascript ( je nachdem wie du deinen Seite / Menüs aufgebaut hast ) steuern.

God's in his Heaven -
All's right with the world!
ProfilICQ
Verfasst am: 09. 04. 2012 [12:11]
typo3_hp
Themenersteller
Dabei seit: 23.04.2006
Beiträge: 319
Hallo!

Dankeschön!

Habe ich nun gemacht:

TYPOSCRIPT
#Horizontale Hauptnavigation
subparts.menu = HMENU
subparts.menu {
 entryLevel = 0
 1 = TMENU
 1{
 expAll=1
 wrap = <div id="nav">|</div>
 #wrap = <ul>|</ul>
 noBlur = 1
 NO = 1
 NO.allWrap = <li>|</li>
 ACT = 1
 ACT.allWrap = <li><span>|</span></li>
 ACT.doNotLinkIt = 1
 }
 }
 
 
#Horizontale Subnavigation
subparts.submenu = HMENU
subparts.submenu {
 entryLevel = 1
 1 = TMENU
 1{
 wrap = <div id="subnav">|</div>
 #wrap = <ul>|</ul>
 noBlur = 1
 NO = 1
 #NO.allWrap = <li>|</li>
  NO.allWrap=<li>|</li> |*| <li><a class="abstand">|</a>|</li>
 ACT = 1
 ACT.allWrap = <li><span>|</span></li>
 ACT.doNotLinkIt = 1
 }
 }



Hast Du mir ein Beispiel-CSS?
Bzw. wie muss ich jetzt weitermachen?

Danke und Grüße

Danke und Grüße
Profil
Verfasst am: 09. 04. 2012 [20:44]
Chrissli
Dabei seit: 19.04.2010
Beiträge: 509
Leider funktioniert mein Innerhirnlicher Compiler in letzter Zeit nicht so gut..
Hast du das schon auf einer Website verbaut so, dass man sich das live ansehen kann?
Ansonsten poste doch etwas von dem HTML-Sourcecode des Menüs.

Kleine Anmerkung:

So wie du das aktuell hast wirst du vermutlich nur mit CSS nicht glücklich werden. Da du beide Menü-Teile in eigene DIVs packst müsste man davon ausgehen, dass du diese an unterschiedlichen Stellen ausgeben willst. Sollte das nicht so sein, findest du bei Stu Nicholls Beipiele für valide Menüs mit CSS. Dann kannst du auch aus deinen 2 Menüs ein einziges Menü mit 2 Ebenen machen.


God's in his Heaven -
All's right with the world!
ProfilICQ