Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
Copyright
About the Authors
About the Technical Reviewer
Acknowledgments
Introduction
1. A Brief History of JavaScript
1.1. The origins of JavaScript
1.2. The Document Object Model
1.3. The browser wars
1.3.1. The D word: DHTML
1.3.2. Clash of the browsers
1.4. Raising the standard
1.4.1. Thinking outside the browser
1.4.2. The end of the browser wars
1.4.3. A new beginning
1.5. What's next?
2. JavaScript Syntax
2.1. What you'll need
2.2. Syntax
2.2.1. Statements
2.2.2. Comments
2.2.3. Variables
2.2.4. Data types
2.2.4.1. Strings
2.2.4.2. Numbers
2.2.4.3. Boolean values
2.2.5. Arrays
2.2.5.1. Associative arrays
2.2.6. Objects
2.3. Operations
2.3.1. Arithmetic operators
2.4. Conditional statements
2.4.1. Comparison operators
2.4.2. Logical operators
2.5. Looping statements
2.5.1. The while loop
2.5.1.1. The do...while loop
2.5.2. The for loop
2.6. Functions
2.6.1.1.
2.6.1.1. Variable scope
2.7. Objects
2.7.1. Native objects
2.7.2. Host objects
2.8. What's next?
3. The Document Object Model
3.1. D is for document
3.2. Objects of desire
3.3. Dial M for model
3.4. Nodes
3.4.1. Element nodes
3.4.2. Text nodes
3.4.3. Attribute nodes
3.4.4. Cascading Style Sheets
3.4.4.1. The class attribute
3.4.4.2. The id attribute
3.4.5. Getting Elements
3.4.5.1. getElementById
3.4.5.2. getElementsByTagName
3.4.5.3. getElementsByClassName
3.4.6. Taking stock
3.5. Getting and Setting Attributes
3.5.1. getAttribute
3.5.2. setAttribute
3.6. What's next?
4. A JavaScript Image Gallery
4.1. The markup
4.2. The JavaScript
4.2.1. A DOM diversion
4.2.2. Finishing the function
4.3. Applying the JavaScript
4.3.1. Event handlers
4.4. Expanding the function
4.4.1. Introducing childNodes
4.4.2. Introducing the nodeType property
4.4.3. Adding a description in the markup
4.4.4. Changing the description with JavaScript
4.4.5. Introducing the nodeValue property
4.4.6. Introducing firstChild and lastChild
4.4.7. Using nodeValue to update the description
4.5. What's next?
5. Best Practices
5.1. Mistakes of the past
5.1.1. Don't blame the messenger
5.1.2. The Flash mob
5.1.3. Question everything
5.2. Graceful degradation
5.2.1. The javascript: pseudo-protocol
5.2.2. Inline event handlers
5.2.3. Who cares?
5.3. The lessons of CSS
5.3.1. Separation of structure and style
5.3.2. Progressive enhancement
5.4. Unobtrusive JavaScript
5.5. Backward compatibility
5.5.1. Object detection
5.5.2. Browser sniffing
5.6. Performance considerations
5.6.1. Minimizing DOM access and markup
5.6.2. Assembling and placing scripts
5.6.3. Minification
5.7. What's next?
6. The Image Gallery Revisited
6.1. A quick recap
6.2. Does it degrade gracefully?
6.3. Is the JavaScript unobtrusive?
6.3.1. Adding the event handler
6.3.1.1. Checkpoints
6.3.1.2. What's in a name?
6.3.1.3. Looping the loop
6.3.1.4. Changing behavior
6.3.1.5. Closing it up
6.3.2. Share the load
6.4. Assuming too much
6.5. Fine-tuning
6.6. Keyboard access
6.6.1. Beware of onkeypress
6.7. Sharing hooks with CSS
6.8. DOM Core and HTML-DOM
6.9. What's next?
7. Creating Markup on the Fly
7.1. Some old-school methods
7.1.1. document.write
7.1.2. innerHTML
7.2. DOM methods
7.2.1. createElement
7.2.2. appendChild
7.2.3. createTextNode
7.2.4. A more complex combination
7.3. Revisiting the image gallery
7.3.1. Inserting a new element before an existing one
7.3.2. Inserting a new element after an existing one
7.3.2.1. Writing the insertAfter function
7.3.2.2. Using the insertAfter function
7.3.3. The finished image gallery
7.4. Ajax
7.4.1. The XMLHttpRequest object
7.4.2. Progressive enhancement with Ajax
7.4.3. Hijax
7.5. What's next?
8. Enhancing Content
8.1. What not to do
8.2. Making the invisible visible
8.3. The content
8.3.1. The markup: HTML, XHTML, or HTML5
8.3.2. The CSS
8.3.3. The JavaScript
8.4. Displaying abbreviations
8.4.1. Writing the displayAbbreviations function
8.4.2. Creating the markup
8.4.2.1. Inserting the definition list
8.4.2.2. Checking for compatibility
8.4.2.3. The final markup
8.4.3. A browser bomb
8.5. Displaying citations
8.5.1. Writing the displayCitations function
8.5.1.1. Finding your element
8.5.1.2. Creating the link
8.5.1.3. Inserting the link
8.5.1.4. Improving the script
8.5.1.5. The final markup
8.6. Displaying access keys
8.7. Retrieving and attaching information
8.8. What's next?
9. CSS-DOM
9.1. Three sheets to the Web
9.1.1. Structure
9.1.2. Presentation
9.1.3. Behavior
9.1.4. Separation
9.2. The style property
9.2.1. Getting styles
9.2.1.1. Inline only
9.2.2. Setting styles
9.3. Knowing when to use DOM styling
9.3.1. Styling elements in the node tree
9.3.2. Repetitive styling
9.3.3. Responding to events
9.4. className
9.4.1. Abstracting a function
9.5. What's next?
10. An Animated Slideshow
10.1. Animation basics
10.1.1. Position
10.1.2. Time
10.1.3. Incremental movement
10.1.4. Abstraction
10.1.4.1. Creating the moveElement function
10.1.4.2. Using the moveElement function
10.2. Practical animation
10.2.1. The situation
10.2.2. The solution
10.2.3. CSS
10.2.4. JavaScript
10.2.5. A question of scope
10.2.6. Refining the animation
10.2.7. Adding a safety check
10.2.8. Generating markup
10.3. What's next?
11. HTML5
11.1. What is HTML5?
11.2. A little help from a friend
11.3. A few examples
11.3.1. Canvas
11.3.2. Audio/Video
11.3.2.1. The Return of Tag Soup
11.3.2.2. Customizing Controls
11.3.3. Forms
11.4. Is there anything else?
11.5. What's Next
12. Putting It All Together
12.1. The brief
12.1.1. Raw materials
12.1.2. Site structure
12.1.3. Page structure
12.2. Design
12.3. CSS
12.3.1. Color
12.3.2. Layout
12.3.3. Typography
12.4. Markup
12.5. JavaScript
12.5.1. Page highlighting
12.5.2. JavaScript slideshow
12.5.3. Internal navigation
12.5.4. JavaScript image gallery
12.5.5. Table enhancements
12.5.6. Form enhancements
12.5.6.1. Labels
12.5.6.2. Placeholder values
12.5.6.3. Form validation
12.5.6.4. Form submission
12.5.7. Minification
12.6. What's next?
A. DOM Scripting Libraries
A.1. Choosing a library
A.1.1. A few libraries
A.1.2. Content delivery networks
A.2. Syntax
A.3. Selecting elements
A.3.1. CSS selectors
A.3.2. Library-specific selectors
A.3.3. Filtering with a callback
A.4. Manipulating the DOM document
A.4.1. Creating content
A.4.2. Manipulating content
A.5. Handling events
A.5.1. Load events
A.5.2. Other events
A.6. Ajax
A.6.1. Ajax with Prototype
A.6.2. Ajax with jQuery
A.7. Animation and effects
A.7.1. CSS property-based animations
A.7.2. Packaged animations
A.7.3. Remember accessibility
A.8. Summary
← Prev
Back
Next →
← Prev
Back
Next →