Ajax Hacks

Name: Ajax Hacks | Tips & Tools for Creating Responsive Web Sites
Brand: O'Reilly
Price: 19.49 EUR
Availability: OnlineOnly

Tips & Tools for Creating Responsive Web Sites

Bruce W. Perry(Autor*in)

O'Reilly (Verlag)

1. Auflage

Erschienen am 21. März 2006

448 Seiten

E-Book

ePUB mit Adobe-DRM

Systemvoraussetzungen

978-0-596-55359-3 (ISBN)

19,49 €inkl. 7% MwSt.

Systemvoraussetzungen

für ePUB mit Adobe-DRM

E-Book Einzellizenz

Als Download verfügbar

Beschreibung

Weitere Details

Weitere Ausgaben

Inhalt

Intro
Ajax Hacks
A Note Regarding Supplemental Files
Foreword
Credits
About the Author
Contributors
Acknowledgments
Preface
Building Single-Page Applications
Explaining Ajax
How to Use This Book
How This Book Is Organized
Conventions Used in This Book
Using Code Examples
O'Reilly Safari
How to Contact Us
Got a Hack?
1. Ajax Basics
It's Not a Floor Wax
Handle with Care
XMLHttpRequest
1. Detect Browser Compatibility with the Request Object
Using a Function for Checking Compatibility
2. Use the Request Object to POST Data to the Server
Setting Headers
Ogling the Result
3. Use Your Own Library for XMLHttpRequest
4. Receive Data as XML
5. Get Plain Old Strings
6. Receive Data as a Number
Number Crunching
DOM-inating
7. Receive Data in JSON Format
Magic JSON
On the Server Side
8. Handle Request Object Errors
Problems, Problems...
Floored Server
Backend Application Out to Lunch
Whoops, Wrong URL
9. Dig into the HTTP Response
10. Generate a Styled Message with a CSS File
Easy as Pie
11. Generate a Styled User Message on the Fly
Nudging Aside the Stylesheet
2. Web Forms
12. Submit Text Field or textarea Values to the Server Without a Browser Refresh
Get the First Serve In
What's Next?
13. Display Text Field or textarea Values Using Server Data
Instant Server Messaging
14. Submit Selection-List Values to the Server Without a Round Trip
Now What Happens?
Hello Again, JSON
A Dabble of Server-Side
The DOM API
15. Dynamically Generate a New Selection List Using Server Data
Presto, New Lists
Querying the Server
The Final Step
16. Extend an Existing Selection List
New Select List or Mirage?
Hacking the Hack
17. Submit Checkbox Values to the Server Without a Round Trip
Vote Early and Often
Poll Vault
18. Dynamically Generate a New Checkbox Group with Server Data
Choose Your Activity
Okay, Where's the Code?
Array Return Value
Hacking the Hack
19. Populate an Existing Checkbox Group from the Server
How Does It Work?
Ajax Requests
Here Comes an Array
20. Change Unordered Lists Using an HTTP Response
Parting Shots
21. Submit Hidden Tag Values to a Server Component
Dynamo
Notifying Home
Logging
3. Validation
22. Validate a Text Field or textarea for Blank Fields
Separating the Logic from the View
23. Validate Email Syntax
The Longest Wait
Checking Out the Email Syntax
Looking at the Code
Checking Email at the Door
On to Validation
The User Message
On Deck
24. Validate Unique Usernames
How It Works
The Server Handshake
For Those Server Hackers...
25. Validate Credit Card Numbers
Verifying the Card Number
Shooting the Luhn
26. Validate Credit Card Security Codes
27. Validate a Postal Code
Hacking the Hack
4. Power Hacks for Web Developers
28. Get Access to the Google Maps API
Google Objects
29. Use the Google Maps API Request Object
Personal Googling
Map Objects
Creating Your Own Map
30. Use Ajax with a Google Maps and Yahoo! Maps Mash-up
How It Works
Fall Harvest
HTML
Google and Yahoo!, Toe to Toe
Driving Directions
How Do I Get to Latitude...?
What's Next?
31. Display a Weather.com XML Data Feed
Prepping
32. Use Ajax with a Yahoo! Maps and GeoURL Mash-up
How It Works
Mashed-up Requests
33. Debug Ajax-Generated Tags in Firefox
Inspecting Dynamic Creations
34. Fetch a Postal Code
Server, Take Over
The Servlet
35. Create Large, Maintainable Bookmarklets
Bookmarklet Code
36. Use Permanent Client-Side Storage for Ajax Applications
Using AMASS
How AMASS Works Internally
37. Control Browser History with iframes
Browser Lowdown
Browser Demos
38. Send Cookie Values to a Server Program
Bake Your Own Cookie
JavaScript
The Cookie Object
39. Use XMLHttpRequest to Scrape an Energy Price from a Web Page
Getting in a Scrape
For Java Jocks
40. Send an Email with XMLHttpRequest
How It Works
Server Snippet
41. Find the Browser's Locale Information
The Interpreter
Hacking the Hack
42. Create an RSS Feed Reader
A Simple RSS Reader
How It Works
Hacking the Hack
5. Direct Web Remoting (DWR)for Java Jocks
43. Integrate DWR into Your Java Web Application
Configuring the Application
44. Use DWR to Populate a Selection List from a Java Array
Getting an Array from the Server
Eccentric Utility
45. Use DWR to Create a Selection List from a Java Map
Code Ahead
46. Display the Keys/Values from a Java HashMap on a Web Page
47. Use DWR to Populate an Ordered List from a Java Array
48. Access a Custom Java Object with JavaScript
The Big Set-up
49. Call a Built-in Java Object from JavaScript Using DWR
6. Hack Ajax with the Prototype and Rico Libraries
50. Use Prototype's Ajax Tools with Your Application
Request Object to Go
51. Update an HTML Element's Content from the Server
On the Server Side
Checking for Errors
52. Create Observers for Web Page Fields
How It Works
What's a Prototype Object?
Passive Observer
53. Use Rico to Update Several Elements with One Ajax Response
Ajax Convention
On the Server End
Hacking the Hack
54. Create a Drag-and-Drop Bookstore
Draggables and Drop Zones
Grabbing the Book Titles
Hacking Draggables
7. Work with Ajax and Ruby on Rails
Sensible MVC
55. Install Ruby on Rails
Step 1: Installing Ruby
Step 2: Installing Rails
Creating an Empty Rails Web Application
Testing the Empty Web Application
A Rails Application Directory Structure
56. Monitor Remote Calls with Rails
If All Else Fails
57. Make Your JavaScript Available to Rails Applications
58. Dynamically Generate a Selection List in a Rails Template
A Little Partial Pizzazz
Cleanup Code
59. Find Out Whether Ajax Is Calling in the Request
Are You XMLHttpRequest?
60. Dynamically Generate a Selection List Using Database Data
Tracking Energy Use
Good Form
61. Periodically Make a Remote Call
No Fooling Around
Where's All the Action?
Shrink-Wrapped
62. Dynamically View Request Information for XMLHttpRequest
How Does It Work?
Hacking the Hack
8. Savor the script.aculo.us JavaScript Library
63. Integrate script.aculo.us Visual Effects with an Ajax Application
Setting Up
Toggling and Switching
Hacking the Hack
64. Create a Login Box That Shrugs Off Invalid Logins
Whole Lotta Shakin'
Serve It Up
65. Create an Auto-Complete Field with script.aculo.us
On the Server Side
66. Create an In-Place Editor Field
67. Create a Web Form That Disappears When Submitted
9. Options and Efficiencies
68. Fix the Browser Back Button in Ajax Applications
A Very Simple Ajax Program
Inside the Hack
Hacking the Hack
69. Handle Bookmarks and Back Buttons with RSH
The Problem
The Solution
History Abstraction
Example 1: Basic History
Example 2: O'Reilly Mail
Resources
70. Set a Time Limit for the HTTP Request
71. Improve Maintainability, Performance, and Reliability for Large JavaScript Applications
Merging All JavaScript Files into a Single File
Running Your JavaScript Through a Compression Tool
Solving JavaScript Caching Issues
All Together
72. Obfuscate JavaScript and Ajax Code
73. Use a Dynamic script Tag to Make Web Services Requests
Using the Geocoding Web Service
Pros and Cons
Resources
74. Configure Apache to Deal with Cross-Domain Issues
Cross-Domain Blockade
Cross-Domain XMLHttpRequest Works... Kinda
Is There a Solution?
75. Run a Search Engine Inside Your Browser
Indexing 101
Putting It Together
Hacking the Hack
Resources
76. Use Declarative Markup Instead of Script via XForms
Consuming and Producing XML
Hacking the Hack
77. Build a Client-Side Cache
Building a Better Cache
The Cache in Action
Hacking the Hack
78. Create an Auto-Complete Field
Hacking the Hack
79. Dynamically Display More Information About a Topic
Hacking the Hack
80. Use Strings and Arrays to Dynamically Generate HTML
Writing a Table
Performance Matters
Index
About the Author
Copyright

Systemvoraussetzungen

Als PDF speichern Als Link merken