 Vor- / Zurückblättern 01
Mit JavaScript-Anweisungen in einem Verweis kann man auch in der History blättern. Unter History versteht man die browserinterne Liste der (in einer Sitzung) besuchten Seiten. Die Vor- und Zurück-Buttons kennen Sie aus der Symbolleiste des Browsers.
|
|
vor- und zurück blättern in der Historyliste des Browsers
Der Browser benutzt die in einem Register (History-Liste) abgelegten Informationen bereits besuchter Seiten, für das Vor- und Zurückblättern.
Blättern in der History funktioniert nur, wenn sich bereits entsprechende Einträge in der Historyliste des Browsers befinden. Der Sprung zur vorherigen Seite ist also nur dann möglich, wenn Sie zuvor bereits eine Seite aufgerufen hatten.
Ebenso macht Vorwärtsblättern nur dann Sinn, wenn Sie zuvor mindestens 1 mal zurück geblättert hatten, Sie sich also auf einer 'älteren' Seite der Historyliste befinden.
Der Browser zeigt aktive Buttons nur dann an, wenn ein Blättern möglich ist. Für ihre eigene Buttons wäre es ebenfalls sinnvoll, einen 'Vor-Button' / 'Vorwärts-Link' nur dann anzubieten, wenn das auch möglich ist. Dazu gibt es ein eigenes Beispiel:
 Buttons nur dann anzeigen, wenn es Sinn macht
Grundlagen
Für das bessere Verständnis bleiben wir erst einmal bei der Grundlage der Funktion. Schauen wir einmal auf die History-Liste. Für Sie hat ihr Browser im Augenblick diese Information in der Historyliste:
var Anzahl = history.length;
Die Blättern-Links als Textlink
 zurück
vor
Die Blättern-Links als Button-Links
Solche Buttons zum Download finden Sie in meiner MINI-IMAGE-BOX.
Die Anweisungen
<a href="javascript:history.go(x)"> Klickbereich </a>
Der Wert x innerhalb der Klammern bestimmt die Größe des 'Sprungs' in der History. Sie können positive und negative Werte einsetzen. Der Wert '-2' würde also um 2 Schritte zurück gehen (empfiehlt sich bei einem Frameset).
Der Code für den Button 'Um eine Seite zurück' lautet:
<a href="javascript:history.go(-1)"> Klickbereich </a>
Mit einem Image als anklickbare Fläche:
<a href="javascript:history.go(-1)">
<img src="back.gif" width="80" height="16" border="0" alt="">
</a>
Der Code für den Button 'Um eine Seite vor' lautet dementprechend:
<a href="javascript:history.go(+1)">
<img src="vor.gif" width="80" height="16" border="0" alt="">
</a>
Dieses Beispiel kann man nun noch erweitern und die Blättern-Links nur dann anzeigen lassen, wenn es sinvoll ist. Lesen Sie die Informationen auf der Seite:
Blättern-Links nur anzeigen,wenn es Sinn macht
In einigen Browsern kann man auch die Pfeiltasten des Keybords zum Blättern benutzen. Sie als Webmaster können eine Funktion eintragen, die das ermöglicht. Lesen Sie die Informationen auf der Seite:
Blättern mit Tastatur-Pfeiltasten
|
Home • Verweise • blättern
Quellcode