HTML-Navigation

HTML-Navigation v1.0

Funktion

Navigation auf einer Web-Seite über einen linken Frame mit Menus und Untermenus. Beim Klicken auf ein Menu, werden erstens vorhandene Untermenus im linken Frame geöffnet bzw. angezeigt, im rechten Frame eine definierte html-Daten aufgerufen. Gesteuert wird die Navigation über Javascript.

Dateien

frame.htm: Definiert den linken und rechten Frame für die Navigation bzw. für die Anzeige der definierten html-Datei. Muss nicht verändert werden.
navigation.js: Enthält den javascript-Code für die Navigation. Muss nicht verändert werden.
menucolor.js: Definiert die Farben des Rechtecks, welches links von jedem Menu oder Untermenu angezeigt wird. Die Farben können so der Website angepasst werden.
menus.js: Definiert die verschiedenen Menus und Untermenus, welche im linken Frame der Datei navigation.js erscheinen und welche Dateien durch das Klicken im rechten Frame aufgerufen werden.

(Alle übrigen Dateien dienen nur der Demonstration der Funktionsweise und können nach der Anpassung der eben erwähnten Dateien verändert oder gelöscht werden).

Steuerung

Menufarben

Datei menucolor.js: Definiert die Farben des Rechtecks, welches links von jedem Menu oder Untermenu angezeigt wird.

start: Farbe im hex-Format, welche der ersten Ebene zugewiesen wird.
end: Farbe im hex-Format, welche der letzten Ebene zugewiesen wird.
stufen: Anzahl Stufen zwischen der ersten und der letzten Ebene.

Die Farben zwischen "start" und "ende" werden interpoliert.

Beispiel (Inhalt der Datei menucolor.js):

var start="#ff0000"; var end="#7f2020"; var stufen=5;

Menus

Datei menus.js: Definiert die verschiedenen Menus und Untermenus, welche im linken Frame der Datei navigation.js erscheinen und welche Dateien durch das Klicken im rechten Frame aufgerufen werden.

Befehle:

addMenu("menutext","datei.htm"): Fügt ein Menu hinzu. Der Text "menutext" wird im linken Frame als Link angezeigt, die Datei "datei.htm" beim Klicken im rechten Frame aufgerufen. Ist der Name der Datei blank (""), wird beim Klicken im rechten Frame keine neue/andere Datei aufgerufen. Hingegen werden im linken Frame vorhandene Untermenus geöffnet.
openUmenu(): Eröffnen eines Untermenus. Die folgenden Menus, welche mit addMenu hinzugefügt werden, liegen auf einer höheren Ebene. Auch innerhalb von Untermenus können weitere Unter-Untermenus geöffnet werden.
closeUmenu(); Schliesst ein Untermenu. Die folgenden Menus, welche mit addMenu hinzugefügt werden, liegen auf einer tieferen Ebene.

Beispiel (Inhalt der Datei menus.js):

addMenu("Menu-1","m1.htm"); addMenu("Menu-2","m2.htm"); openUmenu(); addMenu("Menu-2-1","m21.htm"); addMenu("Menu-2-2","m22.htm"); openUmenu(); addMenu("Menu-2-2-1","m221.htm"); addMenu("Menu-2-2-2","m222.htm"); openUmenu(); addMenu("Menu-2-2-2-1","m2221.htm"); openUmenu(); addMenu("Menu-2-2-2-1-1","m2221.htm#1"); addMenu("Menu-2-2-2-1-2","m2221.htm#2"); closeUmenu(); closeUmenu(); addMenu("Menu-2-2-3", "m223.htm"); closeUmenu(); closeUmenu(); addMenu("Menu-3", ""); openUmenu(); addMenu("Menu-3-1", "m31.htm"); addMenu("Menu-3-2", "m32.htm"); addMenu("Menu-3-3", "m33.htm"); closeUmenu();

Beispiel

Ein Beispiel kann hier angesehen werden (Beispiel). Es entspricht den Dateien, welche heruntergeladen werden können.

Nutzung

Es ist keine Installation/Deinstallation notwendig. Vorgehen:

Herunterladen des zip-Archivs
Entpacken der der Dateien aus dem zip-Archiv in einen Ordner.
Starten durch Doppelklick auf die Datei frames.htm

Bugs

Bis jetzt keine bekannt (5.12.2002).

Lizenzbereinbarung / Nutzungsbestimmungen

HTML-Navigation kann kostenlos genutzt und verteilt werden, solange es nicht kostenpflichtig weitervertrieben wird.

Obwohl grösste Sorgfalt bei der Programmierung aufgewendet wurde, kann nicht garantiert werden, dass keine Fehler enthalten sind. Das Programm wird auf eigenes Risiko verwendet. Der Autor ist für Hinweise auf bestehende Programmierungsfehler oder Probleme dankbar (mailto: gaertnerh@gmx.net).

Zum Herunterladen:

File: htmlnav.zip (ca. 8KB)

e-mail: gaertnerh@gmx.net
WWW: http://home.tiscali.ch/gaertnerh/htmlnav.htm