Tutorials Home

How to Use This Site

• Build a JavaScript Library
  

Introduction Part I

• How to Learn JavaScript
  
• Objects, Properties and Methods
  
• Two Parts to Scripting, The Dot Syntax
  

Introduction Part II

• When and How: Event Handlers
  
• Functions
  
• Variables and Arguments
  
• Strings and Numbers
  
• If/Else Statements and Operators
  

Window Object Properties and Methods / The Return Keyword

• The Return Keyword
  
• Location Object
  
• Confirm Method
  
• Confirm with setTimeout Method
  
• Status Property
  
• Prompt Method
  

Using the Return Keyword for Form Validation

• Stop that Form
  
• Easy To Use Form Validation Script
  

Arrays

• Introduction to Arrays
  
• Date Object Constructor
  
• Arrays and the Date Object Constructor
  
• Arrays and the Select Menu: Options Array and SelectedIndex
  
• Powered Select Menu Simplified
  
• Image Object Constructor
  
• Image Rollovers: The Images Array / The Eval Method
  
• Image Object Constructor as an Array
  

Advanced Control Structures

• Nesting If/Else Statements
  
• The For Loop / The Break Keyword
  

The For Loop and Forms / The This Keyword

• Looping through the Forms and Elements Array
  
• Looping through Radio Buttons
  
• Validating Radio Buttons
  
• Clearing Radio Buttons
  
• Forms and the this Keyword
  
• Looping Through Your Library's Script Array
  

Opening New Windows

• window.open() Method
  
• Swapping Window Properties and Pages
  
• Writing Dynamic Content to a New Window
  
• Closing Windows and Security
  
• Fun with Windows
  

Controlling Frames

• JavaScript and Frames
  
• Un-Frame Me
  

String Methods

• charAt()
  
• indexOf() and lastIndexOf()
  
• substring()
  
• indexOf() and lastIndexOf() as Substring Parameters
  
• toUpperCase() and toLowerCase()
  
• replace()
  
• Use String Methods to Complete your Library's Navigation
  

More String Methods / Validating Strings

• Accounting for Spaces at end of String
  
• Accounting for Spaces throughout String
  
• split()
  
• Setting Textarea Character Limit
  

Strings and the Event Object / Escape and Unescape Methods

• Detecting Carriage Return Key Press for Form Submission NEW!!
  
• Detecting the Backspace Key Press in Textarea
  
• Handling Carriage Returns in Textareas / escape() and unescape() NEW!!
  

Creating Custom Objects and Methods with Constructor Functions

• Constructor Function Objects and Properties
  
• Constructor Function with Argument
  
• Constructor Function Methods
  

Introduction to Dynamic HTML

• Introduction to DHTML
  
• Sniffing for Browsers
  
• Simplifying DHTML Tasks
  
• Fixing Netscape 4.x Resize Problem
  

CSS Element Properties

• Showing and Hiding Layers: the Visibility Property
  
• Moving Layers: the Top and Left Properties
  
• Moving Layers in an Animated Sequence
  
• CSS Clipping Review
  
• Setting Clipping Region with JavaScript
  
• Writing Dynamic Content to Layers NEW!!

Tutorials Home

NEW!! DHTML Form Validation
Works with any Form!

• What it Does
• Basic Version
• Add-Ons Version

NEW!! Whoops... COOL!! Script
Help me figure out what to do with this nifty script that started out as something else.

• Check it out

• How to Create a Web Site that Runs Solely Off the User's Machine - In the works
  

• JavaScript Template Documentation/Example

• Creating Cross-Browser Borders Using Simple Nested Tables
  
• Border Around Table and Each Cell
  
• Netscape's Height-as-Percentage-Bug
  
• Netscape's Height-as-Percentage-Bug solved with JavaScript
  
• Ultimate Table Challenge

Tables Home