Java Script Navigation in Form eines verschiebbaren Menus

An dieser Stelle möchte ich ein JavaScript Skript zum Thema Navigation vorstellen. Die hier vorgestellte Lösung ist ein im Browserfenster eingebautes Navigationsmenu (kein Pop-Up). Das Menu ist beliebig positionierbar, schliessbar und einklappbar. Der Menustatus wird automatisch in der Folgeseite übernommen, so dass das Menu auf der nächsten Seite in der das Menu eingebaut ist an der selben Stelle erscheint. Nachdem das Menu geschlossen wurde kann man es, durch einen Klick auf einen Link, an der vorherigen Position wieder sichtbar machen. Es handelt sich hier nicht um ein eigenständiges Fenster sonder um einen DIV-Bereich, der im Browserfenster dargestellt wird.

Der Menustatus kann auch dauerhaft festgelegt werden, indem man einen Bookmark mit den Statusinformationen speichert. Dazu legt man einfach einen Bookmark der Seite an, in dem die Statusinformationen des Menus enthalten sind (?mpos=... in der URL), in seinen Favoriten an. Beim nächsten Besuch auf der Seite wird dann das Menu an der zuvor angegebenen Stelle angezeigt.

Demonstration des Skripts

Hier können Sie sich das Menu in einer Java Script Navigation Demo anschauen. Auf der Seite wird auch kurz auf die Bedienung des Fensters eingegangen.

Download

Hier können Sie die JavaScript Navigation Downloaden (5.6K). Im Archiv ist – neben dem Java Script Code – auch ein Beispiel, welches Ihnen helfen soll die Navigation in Ihre Seite einzubauen. Das Layout des Navigationsfensters ist durchgehend mit Hilfe von Stylesheets (CSS) realisiert, so dass eine Anpassung leicht von der Hand geht. Der JavaScript Code ist sehr ausführlich dokumentiert, so dass es keine Schwierigkeiten geben dürfte ihn zu verstehen.

Wenn Ihnen das hier angebotene Script gefällt und Sie es auf Ihrer Homepage einsetzen möchten würde ich mich freuen, wenn Sie einen Link auf meine Seite setzen.