Resources for Learning Javascript
1. Image rollovers
Demonstrates how to perform a simple image rollover, as well as how to use one image to control other images.
2. Flow Control Statements
Describes the structures for writing if-then statements, if-else, if-else-if, and switch case statements
3. Pop-Up windows
Examples for controlling windows, opening, closing, moving to front and behind, resizing, repositioning.
4. Handling forms with Javascript - Intro
How to handle a basic form text field with Javascript.
5. Handling Forms 2
Demonstrates how to capture all the HTML form fields using Javascript.
6. Formatting text as currency
How to formatting text as currency using Javascript
7. Links to Javascript Resources
Good places on the web to learn Javascript, get libraries, free code, DHTML effects, browser sniffers, etc.
8. Javascript loan calculator
This is a handy little loan calculator written in javascript. It's taken from the Flanagan's "Javascript:The Definitive Guide."
9. Basic DHTML commands
Hiding, showing and moving HTML elements
10. Scaling HTML elements
Scaling an object up and down (animating the width and height properties).
11. dynamically re-write contents
Dyanmically re-write the contents of any HTML element.
12. key controlled movement (IE only)
Use the arrow keys to control elements
13. Click and drag objects (IE only)
Demonstrates how to click and drag objects.
14. Ease Out animation - Javasc.
Demonstrates a typical ease out equation used often with Flash Actionscript, re-tooled here for use with Javascript.
15. DHTML - some shortcuts
These are more examples of sliding and easing. There is a nice little parsing function to save time with location changes. We used javascript to write the styles (so no more inline CSS rules), and created shortcuts for the object reference.
16. Capturing KeyCodes (Firefox & IE) -- keyCodes.html
Hit any key on the keyboard to see the keyCode. This works in both Internet Explorer and Firefox.
17. Setting & Reading a Cookie
A demonstration of how to set and read a persistent cookie with Javascript. This can be used for building login screens, shopping carts, etc.
18. Javascript Image slider
A little image slider that can easily be incorporated into any site. Slide a series of pictures back and forth by clicking the forward and back arrows. Handles any number of images.
19. Yahoo! YUI Library (YUI)
The Yahoo! User Interface (YUI) Library is a set of utilities and controls, written in JavaScript, for building richly interactive web applications using techniques such as DOM scripting, DHTML and AJAX. The YUI Library also includes several core CSS resources. All components in the YUI Library have been released as open source under a BSD license and are free for all uses.
20. JQuery
jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.
21. jQuery examples and resources
jQuery UI, widgets, accordians, navigation effects, drag & drop, and more