The Syntax Breakdown
This application involves two files: index.html
and multi.html.
index.html, shown in Example 4.1, utilizes nested framesets to achieve the
surrounding border effect.
Example 4-1. index.html
1 <HTML>
2 <HEAD>
3 <TITLE>Multi-Search Engine Interface Site</TITLE>
4 <SCRIPT LANGUAGE="JavaScript1.2">
5 <!--
6 var black = '<BODY BGCOLOR=BLACK></BODY>';
7 var white = '<BODY BGCOLOR=WHITE></BODY>';
8 //-->
9 </SCRIPT>
10 </HEAD>
11 <FRAMESET ROWS="15,*,50" FRAMEBORDER=0 BORDER=0>
12 <FRAME SRC="javascript: parent.black;" SCROLLING=NO>
13 <FRAMESET COLS="15,*,15" FRAMEBORDER=0 BORDER=0>
14 <FRAME SRC="javascript: parent.black;"SCROLLING=NO>
15 <FRAME SRC="javascript: parent.white;">
16 <FRAME SRC="javascript: parent.black;"
17 SCROLLING=NO>
18 </FRAMESET>
19 <FRAME SRC="multi.html" SCROLLING=NO>
20 </FRAMESET>
21 </HTML>
The two JavaScript variables black and
white at lines 6 and 7 are evaluated as HTML
strings in the SRC attribute of the frames in lines
12 and 14-16. We reviewed this in the sidebar JavaScript Technique: Cheating the SRC Attribute in Chapter 2. If you’ve
been following along in order, this shouldn’t be rocket science. The
only frames that see any real action are frames[2],
which displays the search results, and frames[4],
which houses the search engine interface. The rest are purely for
show. Let’s move on to multi.html, shown in
Example 4.2.
Example 4-2. multi.html
1 <HTML> 2 <HEAD> 3 <TITLE>Multi-Engine Menu</TITLE> 4 <SCRIPT LANGUAGE="JavaScript1.2"> ...
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