 Frameinhalte und history.go()
In Framesets muss man beachten: Oft wurden mehrere Frameinhalte durch einen Link gleichzeitig geändert. Wurden z.B. 2 Inhalte geändert, müsste man beim Zurückblättern auch um 2 Eintragungen in der History-Liste zurück gehen.
|
|
vor- und zurück blättern in einem Frameset
Grundlagen zum Blättern innerhalb der History-Liste des Browsers mit Hilfe de history.go() Funktion
erklärte ich Im Beitrag 1.
 Unterscheiden sie bitte
- Script zum Blättern in zwei Frames (gleichzeitig)
 Beispiel ansehen
- Javascript-Befehl zum Blättern in der History-Liste (dieses Beispiel)
Man kann mit JavaScript-Anweisungen in den Inhalten bestimmter Frames blättern! Die Anweisung dazu könnte z.B. so aussehen:
<a href="javascript:parent.frames[1].history.back();">
zurückblättern
</a>
<a href="javascript:top.frames[0].history.back();">
zurückblättern
</a>
Wichtig ist dabei, wo (in welchem Frame) sich der Auslöser für die Blättern-Aktion befindet und wo (relativ zum 'Aufenthaltsort') die Aktion ausgeführt werden soll. Dazu muss man den Aufbau von verschachtelten Framesets kennen. Denn mit 'top' oder 'parent' spricht man unterschiedliche Ebenen an.
Der erste Frame eines Framesets hat die Nummer "0", der zweite "1", ...
Beispiel verschachtelter Frameset
<frameset rows=" 120, * ">
<frame src="titel.htm" name="oben">
<frameset cols="180, * ">
<frame src="menue.htm" name="nav">
<frame src="start.htm" name="anzeige">
</frameset>
</frameset>
Man kann, falls sich entsprechende Einträge in der History-Liste befinden, innerhalb der einzelnen Frames blättern. Hat ein Frameset drei Frames kann man die einzelnen Frames so 'ansprechen':
Im Frame 0 zurückblättern: javascript:parent.frames[0].history.back();
Im Frame 1 zurückblättern: javascript:parent.frames[1].history.back();
Im Frame 2 zurückblättern: javascript:parent.frames[2].history.back();
Im Frame 0 zurückblättern: javascript:parent.oben.history.back();
Im Frame 1 zurückblättern: javascript:parent.nav.history.back();
Im Frame 2 zurückblättern: javascript:parent.anzeige.history.back();
Die Javascript-Anweisungen
<a href="javascript:parent.frames[1].history.back();">
Innerhalb des Frames #2 zurückblättern
</a>
<a href="javascript:parent.frames[2].history.back();">
Innerhalb des Frames #3 zurückblättern
</a>
analog verwenden sie
parent.frames[2].history.forward()
parent.frames[2].history.go(x)
Anzahl der Seiten
Zusätzlich könnten sie noch ein wenig experimentieren: In die Klammer noch einen Wert für die Anzahl der Sprünge eintragen, wenn sie den Befehl history.go(x) verwenden.
<a href="javascript:parent.frames[1].history.go(-2);">
Innerhalb des Frames #2 um 2 Seiten zurückblättern
</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.
Solche Buttons zum Download finden sie in meiner  MINI-IMAGE-BOX.
 siehe auch Blättern mit Pfeiltasten
|
WWW.WEB-TOOLBOX.NET
ScriptCode 
ZURÜCK 
Seitentitel oben