Product Overview
DHTML Utopia:
Modern Web Design Using JavaScript & DOM
Table Of Contents
- Here’s a look at the table of contents:
- 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
- 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
- HTML Starting Points
- 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
- 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
- About Elements and Events
- 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
- 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
- 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
- Reasons for Form Validation
- 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
- Creating Menu Content
- 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
- 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
- Communicating With The Server
- 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
- Introducing XPath
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
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





