Best web hosting - 126Part IIJavaScript TutorialControlling Multiple Frames Navigation BarsIf you are
126Part IIJavaScript TutorialControlling Multiple Frames Navigation BarsIf you are enamored of frames as a way to help organize a complex Web page, you may findyourself wanting to control the navigation of one or more frames from a static navigationpanel. Here, I demonstrate scripting concepts for such control using an application calledDecision Helper (which you can find in Chapter 55 on the CD-ROM). The application consistsof three frames (see Figure 11-3). The top-left frame is one image that has four graphical but- tons in it. The goal is to turn that image into a client-side image map and script it so the pageschange in the right-hand and bottom frames. In the upper-right frame, the script loads anentirely different document along the sequence of five different documents that go in there. Inthe bottom frame, the script navigates to one of five anchors to display the segment ofinstructions that applies to the document loaded in the upper-right frame. Listing 11-1 shows a slightly modified version of the actual file for the Decision Helper appli- cation s navigation frame. The listing contains a couple of new objects and concepts not yetcovered in this tutorial. But as you will see, they are extensions to what you already knowabout JavaScript and objects. To help simplify the discussion here, I remove the scripting andHTML for the top and bottom button of the area map. In addition, I cover only the two naviga- tion arrows. Figure 11-3:The Decision Helper screen.