home / experts / javascript / column36 |
   |
|
|
|
In previous pages we showed you how to load multiple frames with a link in another frame. In this page we discuss how to go back and forth in multiple frames, via commands in a designated frame.
Let's modify frame1new.html from the previous page:
<HTML>
<HEAD>
<TITLE>Frame 1</TITLE>
</HEAD>
<BODY>
Frame 1
<P>
<A HREF="javascript:history.reload()">Reload (this frame)</A><BR>
<A HREF="javascript:history.back()">Back (this frame)</A><BR>
<A HREF="javascript:history.forward()">Forward (this frame)</A><BR>
<A HREF="javascript:parent.frames[2].history.reload()">
Reload (bottomrow frame)</A><BR>
// (The above two lines should be joined as one line.
// They have been split for formatting purposes.)
<A HREF="javascript:parent.frames[2].history.back()">
Back (bottomrow frame)</A><BR>
// (The above two lines should be joined as one line.
// They have been split for formatting purposes.)
<A HREF="javascript:parent.frames[2].history.forward()">
Forward (bottomrow frame)</A>
// (The above two lines should be joined as one line.
// They have been split for formatting purposes.)
</P>
</BODY>
</HTML>
The first three statements operate on Frame 1 itself. They reload the frame and go back and forth through its pages. The last three statements operate similarly on Frame 2, from Frame 1.
Produced by Yehuda Shiran and Tomer Shiran
Created: March 1, 1999
Revised: March 1, 1999
URL: http://www.webreference.com/js/column36/navigating.html
