Scriptin' Code

Examples from Scriptin' with Javascript and Ajax by Charles Wyke-Smith

Chapter 1 - JavaScript Comes of Age
Code 1.1 - PHP form
Code 1.2 - PHP form styled
Chapter 2 - JavaScript Basics
Code 2.1 - HTML template (no visible content)
Code 2.2 - Hello World
Code 2.3 - Demo 2+3
Code 2.4 - Array Demo
Code 2.5 - Associative Arrays - Captial Cities
Code 2.6 - Addition Function
Code 2.7 - Big Woof - passing functions as variables
Chapter 3 - Objects and the DOM
Code 3.1 - Circle math - simple object literal demo
Code 3.2-3.3 - Object Demo - guitars
Code 3.4-3.11 - DOM exercises
Code 3.12 - Striped Table - step 0
Code 3.13 - Striped Table - step 1
Code 3.14 - Striped Table - step 2
Code 3.15 - Striped Table - step 3
Code 3.16 - Striped Table - step 4
Code 3.17 - Striped Table - step 5
Code 3.18 - Striped Table - step 6
Code 3.19 - Striped Table - step 7 - object literal version
Chapter 4 - Events
Code 4.1 - Simple Field Events 1
Code 4.2-4.3 - Simple Field Events 2
Code 4.4 - Simple Field Events 3
Code 4.5 - Simple Field Events 4
Code 4.6 - Simple Field Events 5
Code 4.7 - Simple Field Events 6
Code 4.8-4.8 - Simple Field Events 7
Code 4.10 - Simple Field Events 8
Code 4.11 - Simple Field Events 9
Code 4.12 - Simple Field Events 10
Code 4.13 - Striped table with rollovers 1
Code 4.14 - Striped table with rollovers 2
Code 4.15 - Striped table with rollovers 3
Code 4.16 - Striped table with rollovers 4
Code 4.xx - Text field with character maximum 1 (markup/CSS - no JS)
Code 4.17 - Text field with character maximum 2
Code 4.18 - Text field with character maximum 3
Code 4.19 - Text field with character maximum 4
Code 4.20 - Text field with character maximum 5
Code 4.21- Text field with character maximum 6
Chapter 5 - Ajax
Code 5.1-5.2 - Simple XHR - get text
Code 5.3-5.4 - Simple XHR - scope problem
Code 5.5 - Simple XHR - object literal
Code 5.6-5.7 - Guitars - Ajax request - get HTML
Code 5.9-5.11 - Guitars - Ajax request - get JSON
Code 5.11-5.15 - Guitars XML DOM parsing demo
Code 5.16 - Simple Chapter 1 form with Sajax
Chapter 6 - Frameworks
Namespace example
Code 6.1 - jQuery Ajax example
Code 6.2 - Protoype Ajax example
Code 6.3 - Yahoo Ajax example
Code 6.4 - Spry Ajax example
Code 6.5 - Accordion jQuery
Code 6.6 - Accordion Spry
Code 6.7 - Highlight Prototype
Code 6.8 - Highlight Spry
Code 6.9 - Drag n Drop Prototype
Code 6.10 - Drag n Drop jQuery
Code 6.11 - Tabs jQuery
Code 6.12 - Tabs Spry
Chapter 7 - Two Simple Web Applications
Code 7.1-7-17 - Carousel
Code 7.18-7.23 - Auto-complete