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