Weeks 3 +

Some JavaScript worth knowing about:

JavaScript coding guidelines (from Siemens)

more about events

Event handlers -- assigning dynamically using function(){}(and traversing nodes)

Probing functions

array management

associative arrays

updating parts of pages from the server

AJAX -- anticipating what you are typing --and  another example

kinda cool: http://granite.sru.edu/~ddailey/wordcows.html

Objects in JavaScript -- 

creating and deleting objects

using arrays to index objects

Appending and removing rows of a table (using createElement, appendChild and removeChild)

Objects and such -- constructors, methods, inheritance, anonymous functions, classes and instances.

Types of sequencing problems.

Events and the browser.

1. How to reposition absolutely in either browser
2. How to sense mouse coordinates
3. Observe how mouse changes (), hence disabling "onmove".
4. How to sense dragging (of say, a div)
5. Sensing the size of a picture

link on ACM journals 

Random music and some better random music

Interesting thing on user interface for color and transparency in air traffic control

Assignment #1 (Monday, January 28th):   Do exercise 1.4 as defined here. (No, it is not "extra credit" for this class -- that status is reserved for CS317)

Assignment #2 - (Friday February 8th)

1. Each time the user clicks on a blank part of the screen, one of 2 (or more if you like) differently sized pictures is randomly selected and centered at the locus of the mouse click.
2. If, instead of clicking a blank part of the screen, the user clicks on an image, a border around the image is displayed (indicating it has been selected).
3. If the user then drags the mouse, the image moves with it.
4. When the mouse is released (onmouseup) the moving image is dropped at the location of the mouseup event.

Dragger1  Dragger2  Dragger3

Beginning with SVG

The very basics

More adventurous stuff