Flyout-Menü mit Content, Submenü hover wechselt Content

hat dies relativ wenig mit Drupal selbst zu tun.

Drupal muss ALLE Daten liefern (views), die aber per JavaScript teilweise ausgeblendet sind (JQUERY im Template).

Das "Flyout" selbst kann man bestimmt mit einem der Drupal-Module realisieren, wie schon oben angesprochen, Welches wäre dafür am besten geeignet?

Der Content im "Flyout" muss, wie Du schreibst, vollständig vorhanden sein, aber ausgeblendet. Nur der Content des ersten Menüpunktes ist sichtbar, der Content eines anderen Menüpunktes wird sichtbar, wenn man mit der Maus über den Menüpunkt fährt.

Das Ausblenden könnte man ja mit "display:none" machen oder gibt es dafür eine andere Methode, die besser ist?

Stellt man sich die Funktion der Untermenüpunkte ohne Flyout-Menü vor (also wie auf einer normalen Seite oder Views-Ansicht), dann ist das ähnlich den sogenannten Vertical Tabs von Drupal (nur dass der Inhaltswechsel mit mouseover anstatt mit click ausgelöst werden soll).

So gesehen könnte es auch hier vielleicht ein Drupal-Modul geben, dass ähnlich den vertical tabs dieses Submenü wie oben beschrieben realisieren kann. Danke für weitere Tipps.

In jQuery gibt es dafür die Methoden .hide() und .show(). Du solltest Dich dann aber ein bißchen mit der Materie befassen. Was Du möchtest gibt es meist nicht fertig, bestenfalls etwas ähnliches als Ausgangspunkt. Also muß man selbst entwickeln oder mindestens anpassen (in jQuery).

Danke. Es gibt in jQuery die Funktion tabs() und damit kann man angeblich auch vertikale Tabs realisieren. Vielleicht klappt es damit.

Würdest Du das Flyout (für den einen Menüpunkt soll sich ein großer Bereich öffnen, in dem auch Content enthalten ist, welche mit Inhaltstypen erstellt wird) ebenfalls händisch machen oder ist hier ein Modul besser geeignet?

Wie kann man in Drupal eigentlich einen jQuery-Code so einbauen, dass er nur dann aufgerufen wird, wenn gerade die eine bestimmte Seite aufgerufen wird? Oder ist das in dem Fall wahrscheinlich gar nicht nötig ...

PS: Gratulation zu 8000 Punkten im Forum.

dass du für diese spezielle Seite ein eigenes Templat baust, und darin den zugehörigen JQuery-Code unterbringst.
Dann wird dieser Code nur geladen, wenn das Template geladen wird.

Für solche "megamenü"- Funktionalität kann man das Modul [do:menu_minipanels] einsetzen. Damit hast Du zumindest schon mal alle Bausteine, die Du benötigst grob platziert. Die Feinarbeit geschieht dann mit CSS und jQuery. Wenn das nur auf einer Seite so sein soll, kann man, wie von Ronald vorgeschlagen, dafür eine seitenspezifische Template-Datei schreiben. Ich nehme zum Einbinden von JavaScript auf speziellen Seiten gerne den Weg über template_preprocess_html oder template_preprocess_page in der template.php in meinem Theme. In einer Template-Datei mag ich das nicht, aber das ist Geschacksache.

Hallo,

hier der Link: https://www.drupal.org/project/megamenu

Viele Grüße

Marita Betz