magnify

ypSlideOutMenu

Armin Bartsch, Mittwoch, 11. März 2009

Das ypSlideOutMenu (ypmenu) ist ein einfaches JavaScript Layer-Menü das man leicht per TypoScript konfigurieren kann.

Das ypmenu setze ich mit am liebsten ein; das Ein- und Aus-Scrollen der Menü-Ebenen trifft meinen Geschmack. Leider ist dieser Effekt nicht mit einem reinem CSS-Layer-Menü zu erreichen. Das ypmenue kann im Einsatz auf der Website vom seglerverband-sh.de und und bei http://www.kristinboese.com betrachtet werden.

Das ypSlideOutMenu kann nun ohne Hilfe eines extern PHP-Script erzeugt werden, so bleibt die volle Kontrolle beim Entwickler und es kann die volle Konfigurationsmöglichkeiten von TYPO3 genutzt werden.

Mit dem ypSlideOutMenu  kann ein Menü mit unendlichen Ebenen erzeugt werden, unsere TypoScript begrenzt die Ausgabe auf drei Ebenen; kann aber ohne große Probleme erweitert werden.

Der JavaScript Code wurde angepasst so das die Positionierung des Layer-Menüs ohne große Probleme möglich ist, egal ob absolute, relative oder ohne feste Postionsangabe, ob Vertikal oder Horizontal-

Script

Hier kommen Sie zu den Code für das ypSlideOutMenu, das TS läuft ohne Probleme mit der TYPO3 Version 4.1. Bei älteren Versionen müssen einige Bugs beseitigt werden, siehe unten!

  • TypoScript
  • JavaScript
  • CSS

In kürze wird der Code auch als zip zur Verfügung stehen.

Versions-Hinweis

Das TypoScript läuft ohne Probleme mit der TYPO3 Version 4.1.
Wenn Sie eine Version TYPO3 4.x benutzen, müssen Sie den Bug Add stdWrap to TMENU/GMENU beseitigen.
Für TYPO3 3.8 ist das TypoScript nicht einzusetzen, dazu müssten mehrere Bugs beseitigt werden.

Extension

Für ypSlideOutMenu steht jetzt auch eine Extension zur Verfügung, das Einbinden ist mit der Extension deutlich einfacher. Zur Extension int_ypslideoutmenu

Entwicklungsumgebung

TYPO Version:
4.2.6
magnify

Kommentare

Ins Gästebuch eintragen
Kein Kommentar vorhanden

MERKLISTE

Login

Anmelden

Sponsored by:

ideenwerft webhosting

Wunschzettel