Publishing with XML - Herong's Tutorial Examples - v4.02, by Dr. Herong Yang
How JavaScript Is Used in hyPub?
This section describes how JavaScript is used in hyPub.
In hyPub, I am suggesting that:
1. You should code common HTML contents that are shared by most of your Book Web pages, like banners, site navigation menu, and promotional items, as JavaScript functions. For example:
function writeMenu(subject) { document.write('[ <a href="/index.html">Home</a> | '); document.write('<a href="/news.html">News</a> | '); document.write('<a href="/search.html">Search</a> ]'); }
2. You can store those JavaScript functions in a JavaScript file called _hypub.js.
3. Link _hyPub.js to all Web pages in the "head" element as shown below:
<html> <head> ... <script type="text/javascript" src="_hypub.js"></script> </head> <body> ... </body> </html>
4. In the "body" of any Web page, wherever you want to insert a special common HTML contents, you just need to call the corresponding JavaScript function as shown here:
<body> ... <script type="text/javascript">writeMenu("Top");</script> ... </body>
5. If there is any need to change the common HTML contents in the future, for example, adding a new entry in the menu, all you need to do is to change the code in _hyPub.js. This is the biggest advantage of putting those common HTML contents into a single JavaScript file.
Table of Contents
Ideas on Publishing Books using XML
Overview of hyPub - A Simple XML Publishing Tool
Writing Book Contents in XHTML Source Files
Transforming Book Source Files with XSL Technology
Designing Web Page Layouts with Tables
Controlling Web Page Appearance with CSS
►Sharing HTML Codes with JavaScript Files
►How JavaScript Is Used in hyPub?
Generating Web Pages with hyPub
Formatting Printable Documents with XSL-FO