Function: Pop-up and inner hypertexts permit the designer to provide
users with additional textual information without sending them to new
pages. Pop-up hypertexts may be used to present additional, usually
lower-level details, such as definitions of terms or concepts. Inner
hypertexts may be used to present additional, usually higher-level
information, such as summaries or overviews of subsidiary pages.
Assignment 1 (Pop-Up HyperText):
Use the Document Object Model, JavaScript functions, and Cascading
Style Sheets to create pop-up definitions in plain text (not .gifs or
.jpgs). See Jason Cranford Teague, DHTML and CSS for the World Wide
Web, 2nd ed., Visual Quickstart Guide (Berkeley, California:
Peachpit Press, 2001), pp. 194-97, 438-41, and/or see the source code
for the example below.
Pop-Up Hypertext:
http://www.rpi.edu/~zappenj/WWWW/wwwwpht.html
JavaScript Code for Pop-Up Hypertext (wwwwpht.js):
http://www.rpi.edu/~zappenj/WWWW/wwwwphtjs
Cross-Browser DOM for Pop-Up Hypertext (findDOM.js):
http://www.rpi.edu/~zappenj/WWWW/findDOMjs
Assignment 2 (Inner HyperText):
Use JavaScript functions and Cascading Style Sheets to create displays
of plain text as summaries of the content of subsidiary pages. Include
the summaries that you wrote for the JavaScript writing exercise or
summaries that you are writing for sections of your technical
information web. See the source code for the example below and the
accompanying explanations.
Inner HyperText 1:
http://www.rpi.edu/~zappenj/WWWW/wwwwiht1.html
Inner HyperText 2:
http://www.rpi.edu/~zappenj/WWWW/wwwwiht2.html
Inner HyperText 3:
http://www.rpi.edu/~zappenj/WWWW/wwwwiht3.html
MSDN "innerHTML Property":
http://msdn2.microsoft.com/en-us/library/ms533897.aspx
WebReference "Using innerHTML in Netscape 6":
http://www.webreference.com/js/tips/001209.html
