JavaScript and Frames, Part I: Navigating Frames - www.docjavascript.com | WebReference

JavaScript and Frames, Part I: Navigating Frames - www.docjavascript.com


JavaScript and Frames, Part I (5)

Frames Navigation

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.


http://www.internet.com

Produced by Yehuda Shiran and Tomer Shiran

Created: March 1, 1999
Revised: March 1, 1999

URL: http://www.webreference.com/js/column36/navigating.html