April 7, 2000 - Navigating Frames | WebReference

April 7, 2000 - Navigating Frames

Yehuda Shiran April 7, 2000
Navigating Frames
Tips: April 2000

Yehuda Shiran, Ph.D.
Doc JavaScript

In this tip we show how to go back and forth in multiple frames, via commands within a designated frame.

Here is an example:

<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>
<A HREF="javascript:parent.frames[2].history.back()">
   Back (bottomrow frame)</A><BR>
<A HREF="javascript:parent.frames[2].history.forward()">
   Forward (bottomrow frame)</A>
</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.

Learn more about frames in Column 36, JavaScript and Frames, Part I .