Product Overview

DHTML Utopia:
Modern Web Design Using JavaScript & DOM

Table Of Contents

- Here’s a look at the table of contents:

  1. Introduction
    • Introduction
    • Who Should Read This Book?
    • What’s In This Book?
    • Whither XHTML?
    • The Book’s Website
      • The Code Archive
      • Updates and Errata
    • The SitePoint Forums
    • The SitePoint Newsletters
    • Your Feedback
    • Acknowledgements
  2. DHTML Technologies
    • HTML Starting Points
      • Step up to Valid HTML
      • Step up to Semantic HTML
    • Adding CSS
      • Simple CSS Example
    • Adding JavaScript
      • Simple JavaScript Example
      • Get Some Tools!
    • Further Reading
    • Summary
  3. The Document Object Model
    • The Origins of the DOM
    • What is the DOM?
      • The Importance of Valid HTML
    • Walking DOM Trees
      • Finding the Top of the Tree
      • Getting an Element from the Tree
      • Walking from Parents to Children
    • What to do with Elements
      • Changing Element Attributes
      • Changing Text Nodes
      • Changing Style Properties
    • Bigger DOM Tree Changes
      • Moving Elements
      • Throwing Away Elements
      • Creating Elements
      • Copying Elements
    • Making an Expanding Form
    • Making Modular Image Rollovers
      • Sample HTML Page
    • Summary
  4. Handling DOM Events
    • About Elements and Events
      • Common Events
      • Hooking Code to Events
      • Making Events Work Cross-Browser
    • Smart Uses of Events
      • Creating Smarter Links
      • Making Tables More Readable
    • Summary
  5. Detecting Browser Features
    • Old-Fashioned Browser Sniffing
    • Modern DOM Feature Sniffing
      • Which DOM Features Should We Test?
      • Where Should We Test for DOM Features?
      • Testing Non-DOM Features
    • Sniffing at Work: scrollImage
      • Setting Up the Page
      • Demonstrating the DHTML Effect
      • How the Code Works
      • clientX and clientY Problems
      • Browser Detection You Can’t Avoid
      • Calculating Screen Positions
    • Summary
  6. Animation
    • Tastefulness and Usability
    • Animation Basics
      • The setTimeout Function
      • The setInterval Function
    • Handling Errors
      • When to use try and catch
      • The body onerror Handler
    • Scriptless Animation with GIFs
    • Movement Example: Rising Tooltips
      • Creating Special Tooltip Content
      • Designing the DHTML Library
      • Animating the Content
      • Full Rising Tooltips Example Listing
    • Summary
  7. Forms and Validation
    • Reasons for Form Validation
      • Storing Clean Data
      • Defending Against Security Exploits
      • Improving User Interactivity
    • Simple Client-Side Validation
      • Using Regular Expressions
      • Connecting Regular Expressions to Fields
      • Preparing Quality Error Messages
      • Validation Processing
      • Checking on Submission
    • Client-Server Coordination
      • Dangers of Validating on the Client Only
      • Full Example: Server Fallback Validation
    • Improving Form Usability
      • Standing on the Shoulders of Giants
      • How to Find Scripts
      • Type-Ahead Drop-Down Lists
    • Summary
  8. Advanced Concepts and Menus
    • Creating Menu Content
      • Create Semantic Menu Content
      • Styling the Menu’s Layout
      • Styling the Menu’s Appearance
      • Hiding the Secondary Content
    • Making the Menu Work
      • Advanced CSS Menu Alternatives
      • Making Submenus Appear
      • Adding Animation
      • The Benefit of Object-Based Programming
    • Summary
  9. Remote Scripting
    • Problems with Frames
    • Remote Scripting Methods
      • Using iframe
      • Example: Autoforms
      • Hidden Cookie Updates
      • Example: Name Resolution
      • XMLHTTP
      • Example: Checking Usernames
      • Other Client-Server Options
    • Drawing Code from Servers
      • Example: Learning about Beer
      • Planning the DHTML Beer Pages
      • Generating the Starting Page from Data
      • Fetching HTML Fragments
      • Fetching and Running JavaScript
    • Summary
  10. Communicating With The Server
    • Communicating With The Server
      • Example: Managing Files
      • Specifying the File Manager
      • Planning the Technology
      • Listing Files and Folders
      • Server Control Commands
      • Implementing Drag-and-Drop
      • Expanding and Collapsing Lists
    • Using XML-RPC
      • Calling XML-RPC APIs
      • Example: Weblog Post Editor
    • Summary
  11. DOM Alternatives: XPath
    • Introducing XPath
      • Applying XPath to XML
      • XPath Learning Resources
    • Example: Parsing RSS Feeds
      • About RSS 1.0
      • Constructing Simple XPaths
      • Adding XML Namespaces
      • Designing the Blogroll
      • Building the Scripts
    • Summary


Instant Download!
This title available in Adobe PDF format only

Special Bonus

Bonus $9.95 JavaScript & DOM Poster!

FREE with every purchase of ‘DHTML Utopia: Modern Web Design Using JavaScript & DOM’ made through sitepoint.com

DOM Poster

Features:

  • Large, ‘speed-browse’, format (17" x 24")
  • Lists all the most commonly-used Core JavaScript, Style Properties and Browser Objects
  • Features an intuitive ‘Document Object Model’ diagram
  • Provides handy, reusable AJAX and Event Handling syntax
  • Is ONLY available while stocks last
Take a look »

SitePoint Books

  • Advocate best practice techniques
  • Lead you through practical examples
  • Provide working code for your web site
  • Make learning easy and fun

100% Money Back Guarantee