Syntax Breakdown
This application is contained in a frameset with a number of files. Here is a quick rundown:
-
index.html Top level; holds the frameset and top-level variables
-
top.html Displays Select List JavaScript header
-
nav.html Displays the page links
-
background.html Changes background colors
-
multiselect.html Populates one select list based on selections in two others
-
urldirectory.html Loads search engines based on select list option
-
help/background.html Help document associated with
background.html-
help/multiselect.html Help document associated with
multiselect.html-
help/urldirectory.html Help document associated with
urldirectory.html-
help/help.js JavaScript source file.
It’s not likely that you’ll want to get neck-deep into
the logic behind all that that select list functionality in
background.html
,
multiselect.html, and
urldirectory.html. It’s really easy to
pick up, and that isn’t what this chapter is about. Make sure
you at least take a look at repopulating select lists in
multiselect.html, though. It is handy. Instead,
let’s make our way through this in two steps:
Context-sensitive help: loading the right document in the help window (in
nav.html)Showing and hiding the extra information: getting the mouseovers running (in help/help.js )
Context-Sensitive Help
This one is pretty easy. It all happens in
nav.html. Example 11.1 shows the code.
Example 11-1. nav.html
1 <HTML> 2 <HEAD> 3 <TITLE>top.html</TITLE> 4 </HEAD> 5 <STYLE TYPE="text/css"> ...
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access