Akkordeon per mouseover öffnen+per mouseout bzw. mouseleave schließen!?

**koopoo** · 30.11.2012, 06:40

Liebe CONTAO-Gemeinde!
Hier mein Problem als ein Javascript-Greenhorn:

– Es soll ein HORIZONTALES Sliding-Menu mit dem AKKORDEON umgesetzt werden.
– Beim Überfahren - EGAL welches Hauptmenupunkts – soll über die gesamte Breite des Hauptmenus
eine Untermenufläche mit ALLEN Untermenu-Punkten NACH OBEN
ausfahren.
– Beim Verlassen des Hauptmenupunkts bleibt das Untermenu kurz stehen
und fährt wieder ein.

Es gibt hier auch ein Zwischenergebnis zu vermelden, ABER ich habe es bisher
nicht erreicht, DAS sich das AKKORDEON bei mouseout oder mouseleave
wieder schließt.

Hier mal der Link:
http://www.hobbje-appartements-helgo...artements.html
Und hier mal das Javascript, das ich verwende:

Code:

<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.addEvent('domready', function()
{
	$$('.toggler').addEvent('mouseenter', function() {
	this.fireEvent('click'); });
	
	this.accordion = new Accordion($$('div.toggler'), $$('div.accordion'), 
	{
		opacity: false,
		display:false,
		onActive: function(toggler, i)
		{
			toggler.getFirst() ? toggler.getFirst().addClass('togactive') : toggler.addClass('togactive');
			toggler.getFirst() ? toggler.getFirst().removeClass('toginactive') : toggler.removeClass('toginactive');
		},

		onBackground: function(toggler, i)
		{
			toggler.getFirst() ? toggler.getFirst().removeClass('togactive') : toggler.removeClass('togactive');
			toggler.getFirst() ? toggler.getFirst().addClass('toginactive') : toggler.addClass('toginactive');
		}
	});
	
});
//--><!]]>
</script>

Bin um jede Hilfe dankbar!
BG

Rüdiger

**koopoo** · 30.11.2012, 07:41

... vielleicht kann dies ja auch mit dem vorgenannten Skript - sinnvoll erweitert - umgesetzt werden ...

**koopoo** · 30.11.2012, 12:19

Kann mir keiner helfen?

Es muss nicht bei diesem Skript bleiben.
Bin natürlich offen für Lösungen jeder Art ...

...

**Dirch** · 30.11.2012, 13:47

hmm ich bin jetzt nicht wirklich ein JavaScript-Profi, aber wenn ich mir das so anschaue, dann vermisse ich den Event-Handler für den Part wo die Maus das Menü wieder verläßt. Im Quellcode gibt es nur "mouseenter", also sollte bei "mouseout" auch gar nichts passieren. Müßtest du nicht noch einen Handler dafür einrichten, der dann das aktive Menü zuklappt - also so wie das schon geschieht wenn ein anderes Menü aktiv wird nur ohne dem Zuklappen des inaktiven Menüs?

Grüße...
...Dirk

**koopoo** · 01.12.2012, 06:50

Danke!
Das hört sich natürlich logisch an, ABER da ich bin ich noch weniger Fachmann als Du ...
Ist wahrscheinlich sogar eine recht einfache Geschichte ...
Hast Du eine Idee, wo ich da fündig werden könnte?
Oder kennst Du vielleicht Anwendungsbeispiele ... na ja hättest Du mich wahrscheinlich in deinem POST
längst drauf gestoßen ... frage trotzdem mal nach

Gruß

Rüdiger