Product Overview

Build Your Own AJAX Web Applications

Table Of Contents

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

1. AJAX: the Overview
   • AJAX Web Applications
     • The Bad Old Days
     • Prehistoric AJAX
   • What Makes AJAX Cool
   • AJAX Technologies
     • Data Exchange and Markup: XML
     • W3C Document Object Model
     • Presentation: CSS
     • Communication: XMLHttpRequest
     • Putting it All Together: JavaScript
   • Summary
2. Basic XMLHttpRequest
   • A Simple AJAX Library
     • Starting our Ajax Class
     • Creating an XMLHttpRequest Object
     • Sending a Request
     • Processing the Response
     • Aborting the Request
     • Wrapping it Up
     • Example: a Simple Test Page
   • Example: a Simple AJAX App
     • Laying the Foundations
     • Handling the Result with showPoll
     • Starting the Process Over Again
     • Full Example Code
     • Running the App
   • Further Reading
     • JavaScript’s Object Model
     • XMLHttpRequest
   • Summary
3. The “A” in AJAX
   • Planned Application Enhancements
   • Organizing the Code
     • Loss of Scope with setTimeout
     • Creating the Monitor Object
   • Configuring and Initializing our Application
   • Setting Up the UI
     • The toggleButton Method
     • The toggleStatusMessage Method
     • Checking your Work In Progress
   • Polling the Server
   • Handling Timeouts
   • The Response Times Bar Graph
     • The Running List in pollArray
     • Displaying the Results
     • Stopping the Application
   • Status Notifications
     • The Status Animation
     • Setting Up Status
     • Internet Explorer Memory Leaks
     • The displayOpacity Method
     • Running the Animation
   • Styling the Monitor
   • Summary
4. AJAX and POST Requests
   • Review: Sending Data with GET
   • Sending Data with POST
     • A Quick Form POST
     • Using formData2QueryString
   • An Application Login
     • Accessibility and Backward Compatibility
     • Markup and CSS
     • Creating the Login Class
     • Setting it Up with init
     • Setting the Login Prompt
     • Ensuring Valid Input
     • Submitting the Form Data
     • Processing the Submission
     • Showing Processing Status
     • Handling the Server Response
     • Dealing with Login Failures
   • AJAX and Screen Readers
     • Thinking “Linearly”
     • Skip Navigation Links
     • Notification for Dynamic Content
     • Testing in Multiple Readers
   • The Screen Reader Code
     • Setting Up Notification
     • Showing Notifications
     • Enabling the Submit Button
     • Adding Instructions to a Form Element
   • Further Reading
   • Summary
5. Broader AJAX with Edit-in-place
   • Page Markup
     • Accessibility and Backward Compatibility
   • The Blog Class
   • The init Method
   • Edit-in-place
   • Editing an Entry
     • The getSrcElem Method
     • Getting the Entry’s ID
     • Changing the State
     • Turning on Editable State
     • Enabling and Disabling Other Input
     • Returning to Display State
   • Saving Changes
   • The Status Animation
     • Starting the Animation
     • The doStatusAnim Method
   • The Fake Back-end Page
     • Using YAML
     • The PHP Code
     • Response Examples
     • Parsing YAML in JavaScript
   • Handling the Response
   • Stopping the Status Animation
     • Cleaning Up with stopReset
   • Adding a New Entry
     • Adding the New Entry divs
     • Canceling the New Entry
     • The Placeholder ID
   • Future Enhancements
     • Loading Existing Entries
     • Concurrency and Locking
     • Errors and Timeouts
   • Summary
6. Web Services and Slide-and-hide
   • Slide-and-hide Window
   • Web Services: an Overview
   • APIs and Protocols
     • REST
     • XML-RPC
     • SOAP
     • Network-centric vs Application-centric
   • Amazon Web Services Client
     • Amazon Web Services Accounts
     • Amazon E-Commerce Service
   • The Client Class
     • Initial Setup
   • Cross-site AJAX
     • XMLHttpRequest and Security
     • An AJAX Relay
     • The Proxy Script
   • Sending the Request to Amazon Web Services
     • Getting the Search Text
     • Sending the Request
   • Handling the Results from Amazon
     • Using xml2ObjArray
   • Formatting the Results
   • Performing the Slide-and-hide
     • The Slide-and-hide Effect
   • AJAX Fat-client Code
     • Legacy Browsers and Accessibility
     • Usability: the Back Button Problem
     • Debugging Client-side AJAX
   • Further Reading
     • Cross-site Scripting (XSS)
     • Mashups
   • Summary
7. More Web Services and a Back Button
   • The Search Application
     • Accessibility and Backward Compatibility
     • Fixing the Back Button
   • Setting Up the Search Class
   • The init Method
     • Disabling and Enabling Buttons
   • Enabling Search
   • The submitSearch Method
     • Passing to the Proxy Script
     • Submitting the Search
   • The Proxy Script
     • Requirements
     • Initial Setup
   • Amazon Web Services
   • Printing the Response
   • Google Web APIs
     • Using a SOAP Library
   • The eBay Platform
     • A Few Hurdles
     • The Code
   • Testing the Proxy Script
   • Handling the Results
     • Amazon
     • Google
     • eBay
     • Displaying the Results
     • Fallback for Non-JavaScript Browsers
   • Screen Reader Code
     • Alerting Users to Page Changes
   • The Back Button Problem
     • The Two Options
     • SearchHistory Class
     • Adding to the History
     • Navigating the History
     • Displaying the History Entry
   • Building your own Back Button
     • Adding the Buttons
   • Using the Browser’s Back Button
     • Using the Location Hash
     • Setting Up the Fix
     • Setting the Hash
     • Watching the Hash
     • Displaying the Entry
     • Decisions, Decisions
   • Search App Enhancements
     • Paging
     • History Menu
   • Further Reading
     • Apache2 and OpenSSL on Linux
     • Apache2 and OpenSSL on Windows
     • WSDL
   • Summary
8. Drag and Drop with AJAX Chess
   • AJAX Chess
     • Problems to Solve
   • The Chess Class
   • Starting the Application
   • Setting Up the Board
     • The Status Panel
   • Loading a Game
   • Using JSON
     • Encoding an Object with JSON
     • Decoding JSON Strings
   • Displaying Game State
     • The handleLoadGame Method
     • The displayGame Method
   • Global Event Handlers
     • Going Global
     • Handling Mouse Clicks
   • Moving Pieces
     • The mousemove Handler
     • The mouseup Handler
   • The Draggable Class
     • The Click Offset
     • Viewport Positions and Board Positions
     • The move Method
     • The drop Method
   • The doMove Method
     • Making a Backup
     • Error Checking
     • Aborting the Move on Error
     • Saving the Move
   • The handleMove Method
   • Polling for Server State
   • Wiping the Board
   • AJAX Chess Back End
   • Future Enhancements
   • Summary
9. A. AJAX Toolkits
10. Index

Instant Download!
This title available in Adobe PDF format only