Week 11 — DOM events, windows, stylesheets, files

Mouse events

Changing a web page in response to mouse movement and mouse clicks

Example 1 Uses JavaScript to create every element to be displayed
Example 2 Uses JavaScript to create a DIV element and changes the innerHTML with a single string.
Event handler assigns a mouse event to an HTML element.

Windows

Creating and writing to a new window

Stylesheets

The CSS Object Model

Access properties from CSS stylesheets example with accompanying diagram
Working with style sheets

Reading files

Reading files has a browse button where you can select a file to display. A text file is displayed in red, showing how styles can be changed. An image file is displayed in a newly created img element. All other files replace the file-text display area with an error message.