Optimierung der Navigation - Breadcrumb Beispiele

JavaScript 1 zur Generierung einer Breadcrumb-Leiste

Legt man eine HTML-Seite mit diesem JavaScript in einem Unterverzeichnis ab, so werden alle darüber liegenden Verzeichnisse hoch bis zum so genannten "root"-Verzeichnis (= "Home") angezeigt.

Download dieses JavaScripts als zip-Datei

JavaScript 2 zur Erzeugung einer Breadcrumb-Leiste

Bei diesem JavaScript lässt sich das "Home"-Verzeichnis (hier "tests") festlegen. Zur Sicherheit sollte eine Seite mit dem Namen "index.html" in jedem der Verzeichnisse abgelegt sein.

Download dieses JavaScripts als zip-Datei

Wichtig: Die jeweilige HTML-Seite mit einem der beiden JavaScripts im Head-Bereich muss sich in einem Unterverzeichnis befinden und die Verzeichnisse auf dem Server sollten einen sinnvollen Namen haben. Im Body-Bereich der HTML-Seite ist ein weiteres JavaScript abzulegen, das die eigentliche Breadcrumb-Leiste erzeugt (s. Quellcode in den Abbildungen).

Bitte beachten: Ich übernehme für die Fehlerfreiheit des oben vorgestellten JavaScript-Code keine Gewähr und hafte keinesfalls für Folgen, die sich aus Fehlern oder unsachgemäßem Gebrauch des Code und der Inhalte ergeben. Code und Beispiel dürfen für den privaten Gebrauch frei verwendet werden.