<A HREF="topright.html" 
   onClick="changePage('../column16/index.html', '../column16/code1.html')">
   <B>[16] Dynamic Tooltips</B></A>

Notice that the HREF value is the frame itself, HREF="topright.html". We could have used javascript:void(0) and get the same effect of triggering the link to cause side effects that do not include changing the link itself. The event handler changePage() accepts two pages as its arguments and displays them in the left and bottom right frames:

function changePage(pageIndex, pageCode) {
  parent.parent.frames[0].location = pageIndex;
  parent.frames[1].location = pageCode;
}

Notice the hierarchy of frames here. In order to get to the left frame, we need to go up two levels: one to the parent of the current frame (right column) and one to its parent (top window). In order to get to the right bottom frame, we need to go up to the parent of the current frame (right column) and then choose the second frame (frames[1]).

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

People who read this tip also read these tips:

• Changing A Link's Text
• The FlashSound JavaScript API
• Embedding Flash Files
• Mailing a Web Page
• Checking the Browser/Plug-in Combination