There are three ways to use this code:

• You can add the above code as an inline script at the end of the document;

• You can make use of the $$HTMLHead field (this is better since it's hidden and computed);

• You can specify "onload=" with our script as the parameter on line in the HTML attributes of the form (and then, you'd no longer need the <SCRIPT></SCRIPT> tags.

I chose to embed the JavaScript right in the form's template. Figure B shows $$ViewTemplateDefault Form in design mode.

FIGURE B


Designing $$ViewTemplateDefault. Note the HTML style assigned to JavaScript code text. Roll over picture for a larger image.

Size does matter
One important note: replacement images must be the same size as the original images (for twisties, this means 16x16 pixels). As always, different browsers may behave differently, so test-test-test.

Figure C displays our view in action.

FIGURE C


Look at the difference a twistie makes. Roll over picture for a larger image.

Well, there you have it. Have fun twistiing your twisties!

Shabbir Tayeb Ali is a Systems Analyst with Cyber Internet Services (Pvt) Limited in Karachi, Pakistan (at http://www.cyber.net.pk). He can be reached via email at shabbir1@cyber.net.pk.