WEB STANDARDS CREATIVITY

Sliding in the code
In the proof-of-concept example, I placed all the functions in one single .js file. This included the addEvent function. If you
are likely to use the addEvent function for more than one purpose across the site, it’s probably better to split the .js file
into two:
A file containing the addEvent function (which can be used anywhere on the site for whatever purpose)
Another file containing the print-handling functions (as it needs to be called only on pages that get this printing
treatment)
So that’s what I did for the practical application (the interest rates page in question can be found at www.nationwide.
co.uk/savings/rates.htm (but please don’t study the rest of the markup too closely, you might upset yourself—I don’t
have total control over what goes live, honest!). Here are the links to the JavaScript in the head of the document:
That’s the behavior added in. Now what’s needed is to add in the extra markup around the relevant sections on the page as
it currently stands. Here’s an example using one of the smallest sections (just two table rows) with the new markup that we
need for the print functions to work:
accounts for over 65s
interest tier
AER %
AER* %
gross p.a. %
net p.a. %
 
Monthly Income 65+passbook account
with a guaranteed regular income for the over 65's
effective from: 01/09/2005
1+
4.50
n/a
4.41
3.53