Document Object Model & Basic Javascript

This is where we switch gears from design to implementation. We'll start with client-side programming using JavaScript, which is used for everything from simple rollovers to complex calculators.

To make JavaScript work consistently, you need to understand the Document Object Model, or DOM, that the browser uses to represent objects to be manipulated (images, form fields, etc).

Readings on DOM and Basic Javascript

• Thau's JavaScript Tutorial, Lessons 1-3
• Chapter 15 of Designing With Web Standards (pages 361-381)

Files and Links for Javascript Exercises

Here's a zipped archive of the files for today.

As a reminder, I asked you to put up your own versions of example 1, modify example 5 to use a switch statement and include a mouseout command for the graphics, and create your own drop down navigational menu using the simple menu from example 6.

These sites may be helpful, as well:

• DevGuru Javascript Quick Reference Guide
• Visibone Javascript Reference

Javascript References

DevGuru Javascript Reference

Visibone Javascript Reference