If you are not able to see the script when you view the source, select "Save As" in the "File" menu. Then, in the dialog box that appears, select "Source" in the pull-down menu. This will download a copy of the page before the script is executed, assuring that the source code is intact.

• Alert message - window.alert()
• Several statements
• Alert message w/ line breaks
• Single-line JavaScript comment
• Multi-line JavaScript comment
• HTML comment

• window.document.write()
• Several window.document.write() statements (easier to edit)
• Write content "on the fly"
• Apply HTML tags within window.document.write()
• Several sets of script tags in the same page

• Arithmetic
• Arithmetic Operators
• Order of Operations
• window.prompt()
• Label for window.prompt()
• Empty window.prompt() text box (for Netscape)
• window.prompt() and window.document.write()
• window.document.write() and HTML outside of <SCRIPT> tags
• Using window.document.write() to output all of the HTML
• Concatenation - use only 1 window.document.write() statement

• Using a value again - w/o a variable, impossible
• Variable
• Variable (same example, this time using concatenation)
• Modifying a Variable
• Calculator - multiplies only
• Calculator - adding problem
• Calculator - adding problem fixed
• Calculator - user chooses the operation
• Calculator - display the expression w/ result
• Status Messages
• bgcolorizer
• circling text

• Edit::Preferences::Web Content::Show Scripting Error Alerts (IE Only)
• To Activate the JavaScript Console type "javascript:" as URL (Netscape Only)
• IE Debugger - PC Only
• Debugging Assistant

• onClick Event Handler
• onUnload Event Handler
• Multiple Statements in an Event Handler
• window.document.write() and Event Handlers

• Accesing the Location Property of the Window Object
• Changing the Location Property
• Changing the Background Color Property of the Document Object

• Change an image w/ a button
• Change an image w/ a button (using relative URLs)
• Image replacements must be the same size for Netscape
• Change an image back
• Change only the second image in a page
• Change an image using the NAME attribute

• onMouseOver event handler
• onMouseOut event handler
• Basic rollover
• javascript: pseudo protocol
• Disable the hyperlink
• Preload rollover images

• Changing the Background Color - no function
• Basic Function
• Function with an argument
• Function with argument used twice
• Variable as an argument (user chooses color)
• Pass two arguments to a function
• Pass three (or more) arguments to a function
• DHTML function

• Read value property of text element
• Change value of a text element
• Name a form (sidestep index number)
• Name a form AND an element (sidestep index numbers)
• Textarea element
• Blank Digital Postcard (no functionality)

• document.write() after the page has loaded
• Create a new page (title only - not subject)
• Create a new page (subject only)
• Make your code easier to read with additional statements
• += assignment operator
• Final page displaying all values

• if conditional statement
• if conditional statement (case insenstive)
• else conditional statement
• else if conditional statement
• several else ifs
• Logical OR - ||
• Logical AND - &&
• Using || and && in the same condition
• Nested Conditional Statements

• Check for empty textboxes
• Checkbox
• Checkbox used in digital postcard
• Radio buttons
• Radio buttons used in digital postcard
• Pull-down menu
• Pull-down menu used in digital postcard
• Final digital postcard

• Change an image w/ a button (event handler)
• Change an image w/ a button (function)
• Toggling between two images
• Slide show (3 images)
• Slide show (6 images)
• Images pre-loaded into cache
• Using incremental operators (and fewer lines of code)
• Back and forward (form buttons w/ problems)
• Form buttons (problems fixed)

• Blank template
• Inserting a script using <SCRIPT> tags
• Several statements
• Single-line JavaScript comment
• Multi-line JavaScript comment
• HTML comment
• HTML comments inside of <SCRIPT> tags
• HTML comments inside of <SCRIPT> tags w/ description
• Several scripts in the same page

• Importing a script
• Debugging Assistant
• onClick Event Handler
• onUnload Event Handler
• Multiple Statements in an Event Handler
• Changing the Background Color Property of the Document Object

• Read the value of a text field
• Assign a value to a text field
• Using names to access form fields
• Set a cookie
• Read a cookie
• Set several cookies
• Read several cookies
• Radio Buttons
• Pull-down Menus

• Open a new window
• Specify height and width of new window
• New window with all chrome elements removed
• New window with all chrome elements displayed
• Set initial screen position of a new window
• Position new window in upper left hand corner
• Close a main window

• Close a new window
• Reposition a main window w/ moveTo()
• Automatically position a window in upper left corner of screen
• Reposition a new window w/ moveTo()
• Focus a sub window (i.e. make active)
• Resize a window with resizeTo()
• Center the main windown
• Floating Window

• Style applied locally
• 2 style rules applied locally
• Only available in CSS: background color
• Only available in CSS: point size
• Only available in CSS: pixel size
• Only available in CSS: hyperlink with no underline
• Internal style sheet
• Classes
• External style sheet
• <DIV> & </SPAN>

• Relative Positioning: left (horizontally)
• Relative Positioning: top (vertically)
• relative Positioning: left (horizontally)
• relative Positioning: left & top (vertically)
• Layering elements w/ z-index

• Drop shadow
• Hide element (IE)
• Hide element (Netscape)
• Show element (IE)
• Show element (Netscape)
• Hide & Show (IE)
• Hide & Show (Netscape)
• Hide & Show (IE & Netscape)

• Use alert() to display browser property
• Detect Netscape
• Detect Microsoft Internet Explorer
• Detect Netscape or Explorer
• Detect Netscape, Explorer, or other browser

• Use alert() to display browser version property
• parseInt() browser version property
• Detect browser type and version 4
• Detect browser type and version 4 or greater
• Detect user's platform/A>

• Reposition element 10 pixels to the right
• Move text 10 pixels each click (Netscape Only)
• Move text 10 pixels each click (IE and Netscape)
• Scrolling text right (fast)
• Scrolling text right (slow)
• Scrolling text left
• Stop scrolling
• Scroll automatically when page loads
• News zipper

• Monitoring screen events - onclick (IE)
• onmouseup (IE)
• onmousedown (IE)
• coordinates of click (IE)
• move an element to coordinates (IE)
• onmousemove (IE)
• event.srcElement.id property (IE)
• Display ID only when element is clicked on (IE)
• Drag an element - down only (IE)

• Drag an element - up and down (IE)
• Monitoring screen events - onclick (Netscape)
• coordinates of click (Netscape)
• move an element to coordinates (Netscape)
• onmousemove (Netscape)
• Detect selected layer (Netscape)
• Move any element (Netscape)
• Cross Browser Solution

• a counter - using recursion
• stop recursion with a conditional statement
• setTimeout() method
• setTimeout() method and recursion
• automatic slide show
• storing and accessing values in an array
• storing values in an array - at declaration
• using an array in the slide show
• using a variable as the index number of an array
• exploiting an array to simplify script

• clearTimeout() method
• resuming after clearTimeout() method is called
• Math.random() method
• produce a random number between 0 and 5
• produce a random number between 0 and 9
• produce a random number between 1 and 10
• produce a random number between 5 and 10
• display a random image

• while loop
• Using a while loop to build table rows
• Using a while loop to build rows and columns
• for loop
• for in loop (used to view properties of an object)

• while loop
• Using a while loop to build table rows
• Using a while loop to build rows and columns
• for loop
• for in loop (used to view properties of an object)

• Import Script from a separate file
• JavaScript Debugging Assistant