Skip navigation
Navigation
Development
Design
Information
Other Links

Advanced JavaScript Tutorials

The setTimeout Function
Make things happen with time delays rather than needing a click or a mouseover every time you want to execute a function.

JavaScript Arrays
This two-part tutorial covers the introduction to javascript arrays including how to define them and some basic uses of arrays. It then goes on to cover associative arrays and how they can be used.

Preloading Images
Preload your images with javascript so that they can be used more quickly when you have an image script. Typically used with a rollover script.

JS Rollovers/Hover Buttons
A four-part section on javascript rollovers including the basic rollover, changing a different image, changing two images, and changing a single image from a set of links. The first section uses browser detection, the others use object detection (see below).

JavaScript Object Detection
Shorten your code by detecting document objects rather than checking for the browser type.

JavaScript and Frames
What a combination! A two-part tutorial on using JavaScript with frames, including how to change two frames at the same time.

Beginning With Forms
Start using JavaScript with forms!

Navigation Drop Boxes
A three-part section on drop down navigation boxes including how to create one with a button, one without a button, and one that will work with frames.

More JavaScript Buttons
Make images work like buttons!

External JavaScripts
Use an external javascript!

The Date Object: with Clocks
A two-part section on the date object, using the creation of two javascript clocks as examples.

The Math Object
The JavaScript Math object allows you to perform various calculations using its member functions. This two-part tutorial takes you through the use of the Math object, and then how to use the Math.random() function to get random numbers.

Advanced String Handling
How to use some of the javascript methods for taking apart string variables and working with them. This two-part tutorial takes you through charAt, indexOf, and the split method.

Get the Viewer's Screen Resolution
How to get the viewer's screen width and height and use them to help the viewer.

--------------------
Copyright © 1997-2008 The Web Design Resource. All rights reserved. Disclaimer.
What's New?
See What's New
See what's new by date added.
JavaScript Book
JavaScript: A Beginner's Guide
By John Pollock
Features
5 Easy Ways to Improve Your Website's Legibility
An article by Debbie Campbell on improving the legibility of your Web site.
JavaScript: Currency Formatting
An article by George Chiang on how to format numbers for currency display with JavaScript.
Partners