Javascript's History-Funktionen
Freitag, 12 Juni 2009
Die Vor- und Zurück-Buttons im Browser können via Javascript's History-Funktionen ersetzen werden. An verschiedener Stelle mag das nützlich sein, wenn beispielweise in Popufenstern oder Iframes die Browser-Navigation nicht zur Verfügung steht.
Mit Hilfe der History (zu deutsch: Verlauf) und folgender JS-Anweisung kann eine Seite rückwärts gesprungen werden:
<a href="javascript:history.back();">zurück</a>
Wollen wir im Verlauf eine Seite nach vorne springen, tauschen wir back gegen forward aus:
<a href="javascript:history.forward();">vor</a>
Wenn der Verlauf keine vorherige oder nachfolgende Seite anbietet, wird das Javascript vom Browser ignoriert. Interessanterweise ist es auch möglich, mehrere Seiten vor oder zurückzuspringen.
<a href="javascript:history.go(-1);">eine Seite zurück</a>
<a href="javascript:history.go(-2);">zwei Seiten zurück</a>
Ein positiver Wert in history.go() springt die Anzahl Seiten vorwärts, ein negativer Wert, wie oben gezeigt, entsprechend rückwärts.
history.back(), history.forward(), history.go() können auch in onclick-Events gepackt werden. Nachfolgendes Beispiel zeigt ein img-Tag:
<img src="bild.gif" alt="zurück" onclick="history.back()">
This is a nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
This is another nested column
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.