mootoolsnav: Menü nach oben aufklappen?

[LeoDesign]

Ist das machbar? Was ist zu tun?

Vielen Dank für die Hilfe,
Gruß Gunnar

[lomex]

Bin kein JS - Experte, aber ja, das geht.
Setze selbst hierzu MenuMatic (basiert auf Mootools) ein. Da ist es recht einfach einzustellen.
Siehe hierzu auch diesen Beitrag:

https://community.contao.org/de/showthread.php?8719-Mootools-Aufklappmenü-MenuMatic-in-TYPOlight-benutzen

[xchs]

Bin kein JS - Experte, aber ja, das geht.
Setze selbst hierzu MenuMatic (basiert auf Mootools) ein. Da ist es recht einfach einzustellen.
Siehe hierzu auch diesen Beitrag:
https://community.contao.org/de/show...light-benutzen

Ja, von dort kommt dieser Beitrag auch her! Er hatte ihn fälschlicherweise dort gepostet...

[lomex]

Oh. Na dann bitte die Frage bitte genauer stellen.
Eigentlich reicht dieses hier aus, damit das Menü nach oben aufgeht:

window.addEvent('domready', function() {			
			var myMenu = new MenuMatic({
                             hideDelay :  1000,
                             duration :  1000,
                             direction : { y : 'up'}                                 
			  });
		});

[xchs]

Bitte, in diesem Thread geht's jetzt nicht um "MenuMatic", sondern um die "MooToolsNav", so wie vom OP eigentlich beabsichtigt...

[LeoDesign]

Nochmal zum Verständnis:
Bei "MenuMatic" wurde beim Object "direction" ein einfaches ReplaceAll von "down" auf "up" vorgeschlagen. Da ich aber "mootoolsnav" einsetze und das auch hervorragend klappt und schon eingerichtet ist, wäre es schön, wenn das damit auch zu realisieren wäre.
Im Javascript habe ich aber weder den Begriff "direction" noch "down" finden können und bin ab dieser Stelle etwas aufgeschmissen.

Weiß jemand Rat. Dank Euch,
Gruß Gunnar

[xchs]

Hallo LeoDesign,

soweit ich das sehe, verwendet die "mootoolsnav" ja die vom MooTools-Framework bereitgestellte Funktion "accordion". Die wiederum kann über folgende Optionen konfiguriert werden:

	options: {/*
		onActive: $empty(toggler, section),
		onBackground: $empty(toggler, section),
		fixedHeight: false,
		fixedWidth: false,
		*/
		display: 0,
		show: false,
		height: true,
		width: false,
		opacity: true,
		alwaysHide: false,
		trigger: 'click',
		initialDisplayFx: true,
		returnHeightToAuto: true
	}

Ob da jetzt was dabei, was Dir im gegenständlichen Fall weiterhilft, weiß ich momentan auch nicht genau...

[LeoDesign]

Also irgendwie hat mich das alles noch nicht weiter gebracht. Ich habe etwas gegoogelt und bin auf folgendes gestoßen:

"Ich bräuchte ein Accordion-Script das nach oben aufklappt, sprich unten stehen bleibt und die aufgeklappten Bereiche nach oben auf gehen. Wisst Ihr wo ich sowas finde, oder wie ich z.B. moo umschreiben kann damit das klappt?"

"Moin, wenn du alle zu "verklappenden" Inhalte in einem Container bevorratest, den du per CSS unten positionierst....Code:

 position:absolute;bottom:0;

...sollte das diesen Effekt haben."

"Denken hilft manchmal. Vielen Dank fürs anschubsen...."

Irgendwie funktioniert das bei mir aber nicht. Habe es mal mit

.mod_mootoolsnav block {position:absolute;bottom:0;}

probiert. Bringt keinerlei Wirkung. Ich denke, das wiederspricht sich auch teilweise mit meinem anderen CSS-Geschnippsel. Kann man das wirklich per CSS lösen?

[LeoDesign]

Huhu,

hat keiner eine Idee, wie ich das dumme Menü nach oben geöffnet bekomme?

Ich habe mein Bestes gegeben - hat leider nicht gereicht

Gruß Gunnar

[andreas.schempp]

Ich kann dir nicht sagen wie, aber das haben andere schon gemacht. Ich denke mal das geht einfach mittels CSS...

[LeoDesign]

Wenn ein Andreas Schempp schon nicht weiß wie, dann gebe ich erst recht auf. "...das geht einfach..." kann es dann aber nicht sein
Das accordion läuft aber auch nicht nur mittels css sondern mit Javascript. Daher war und ist es für mich nicht selbstverständlich, dass es wirklich per css funktioniert.

Also hoffe ich weiterhin, das hier noch ein genialer Kopf einen Einfall hat.
Dank Euch für die Hilfe!