Here are examples that go with Lecture 22, an introduction to JavaScript.

Keep in mind that some of these examples dated. Yet they are being maintained because the very stylistic conventions that make them dates also helps bring to the surface some of the underlying mechanics of JavaScript. In particular, how JavaScript relates to the Object Model (DOM) that are hidden by more modern techniques; most notably jQuery.

• Example 1: Using document dot write to create a Hello World example.
• Example 2: Document properties, variables, strings and the connection to CSS id's.
• Example 3: On mouse over events play ping pong with Thing 1 and 2.
• Example 4: Functions, conditionals and getting in touch with inner HTML.
• Example 5: Form selections and the on change event for navigation.
• Example 6: Simple button to navigate - see the Cow.
• Example 7: Image rollovers and beyond - switching images based upon mouse position.

Here is a file you may download with the actual php content: lec22.zip