Adding Ajax (e-book) Łaziska Górne

Ajax can bring many advantages to an existing web application without forcing you to redo the whole thing. This book explains how you can add Ajax to enhance, rather than replace, the way your application works. For instance, if you have a traditional web application based on submitting a form to update a table, you can enhance it by adding the capability to update the table with changes to the form fields, without actually having to submit the form. That's just one example.Adding Ajax is for those of you more interested in extending existing applications than in creating Rich Internet Applications (RIA). You already know the "business-side" of applications-web forms, server-side driven pages, and static content-and now you want to make your web pages livelier, more fun, and much more interactive. This book:Provides an overview of Ajax technologies, and the importance of developing a strategy for changing your site before you sit down to codeExplains the heart and soul of Ajax: how to work with the XMLHttpRequest objectIntroduces and demonstrates several important Ajax libraries, including Prototype, script.aculo.us, rico, MochikitExplores the interactive element that is Ajax, including how to work with events and event handlers that work across browsersIntroduces the concept of web page as space, and covers three popular approaches to managing web spaceExplains how to make data updates, including adding new data, deleting, and making updates, all from within a single pageDescribes the effects Ajax has on the Web-breaking the back button, losing browser history, dynamic effects that disappear when the page is refreshed, and moreCovers advanced CSS effects, including drag and drop "scroll bars", pagination, and the use of SVG and the Canvas objectExplores mashups-Ajax's ability to combine data from different web services in any number of ways, directly in our web pagesYou don't need to start over to use Ajax. You can simply add to what you already have. This book explains how. Spis treści: Adding Ajax SPECIAL OFFER: Upgrade this ebook with OReilly A Note Regarding Supplemental Files Preface Audience Contents of This Book Conventions Used in This Book Using Code Examples Wed Like to Hear from You Acknowledgments 1. Getting Ready to Make a Move to Ajax 1.1. The Technologies That Are Ajax 1.1.1. A Natural Progression 1.1.2. The Technologies: Book View 1.2. Start Clean 1.2.1. XHTML and HTML Validators 1.2.2. CSS Validators 1.2.3. Checking Accessibility 1.3. Converting Tables to CSS Layouts 1.4. Continuing the Conversion: Element by Element 1.5. Dealing with Browser-Specific Quirks 1.5.1. Controlling the Page and Adding Ajax 1.5.2. Taking Control 1.6. Understanding Your Client Base 1.6.1. Discovering Your Clients 1.6.2. An Open-Door Policy 1.6.3. The Plan 1.7. Designing a Framework for Your Site 1.7.1. Meet Your Reader 1.7.2. Safe and Secure 1.7.3. Tight Coupling and Loose Coupling 1.8. Progressive Enhancement Versus Massive Overhaul 2. The Ajax Bits 2.1. The Web Application 2.1.1. The XMLHttpRequest Object Structure 2.2. Preparing the Object for Use 2.3. Preparing and Sending a Request 2.3.1. HTTP GET, POST, and RESTful Friends 2.3.2. The Parameters 2.3.3. Sending the Request 2.4. Processing the Ajax Response 2.4.1. A Quick and Easy Response: HTML Fragment and innerHTML 2.4.2. Working with a More Traditional XML 2.4.3. Simplifying Processing with JSON 2.4.4. (X)HTML Fragment 2.5. Endpoints, the JavaScript Sandbox, and Widgets 2.5.1. JSON Endpoints and Dynamic Script Creation 2.5.2. Dynamic Scripting with XML 2.6. That Security Stuff 2.7. A First Look at Performance 2.8. One Last Word on Asynchronous Versus Synchronous 3. Ajax Tools and Terminology 3.1. Prototype 3.1.1. The JavaScript Prototype Property 3.1.2. Associative Arrays and the Risks of Prototype 3.1.3. External Libraries: Risks and Benefits 3.2. script.aculo.us 3.2.1. The script.aculo.us Effects 3.3. Rico 3.3.1. Ajax Pagination 3.3.2. The Rico Weather Widget 3.3.3. The JavaScript Sandbox and Proxies 3.4. Dojo 3.4.1. Event Handler Chaining 3.4.2. Declarative HTML 3.4.3. Using JavaScript to Bypass Nonstandard Attributes 3.5. Other Libraries 3.5.1. jQuery 3.5.2. MochiKit 3.5.3. The Yahoo! UI 3.5.4. mooTools and moo.fx 3.5.5. The Sarissa Library 3.5.6. WZ_jsGraphics and qForms 3.5.7. And More 4. Interactive Effects 4.1. Ajax-Friendly Event Handling 4.1.1. Maintainable Event Handling 4.1.2. Mashable Event Handling 4.1.3. The Dojo Event System the Target Object 4.2. Just-In-Time Information 4.2.1. Form Help 4.2.2. Tooltips 4.3. In-Page Previews 4.3.1. Live Echo Preview 4.3.2. Ajax Preview 4.4. Color Fades for Success or Failure 4.4.1. Timers and Animations 4.4.2. Ajaxian Timers 4.4.3. Creating a Flashing Notice 5. Space: The Final Frontier 5.1. Horizontal Spacing: The Accordion 5.1.1. Creating the Effect 5.1.2. A Transitioning Accordion 5.1.2.1. Getting an element's height and width 5.1.2.2. Finishing the transition 5.1.3. Using Prepackaged Accordions 5.1.4. Packaging the Accordion Code 5.1.5. Expand and Request: Mixing Accordions and Ajax Calls 5.2. Tabbed Pages 5.2.1. A Straightforward Look at Tabbed Content 5.2.2. Packaging Revisited: Creating Generic Tabs 5.2.3. Using the YUI TabView 5.2.4. Tabbed Content and Accessibility 5.3. Overlays 6. Dynamic Data 6.1. In-Place Editing 6.1.1. Adding an Editable Field 6.1.2. Diving into the Client 6.1.3. The Server Side of the Application 6.2. In-Place Editing: Performance, Security, and Accessibility 6.2.1. Preventing SQL Injection 6.2.2. Performance and Accessibility 6.2.3. Improvements 6.3. Highlighting Changes 6.3.1. Signaling a Deletion 6.3.2. Polling and Highlighting Updates 6.4. Revisiting In-Page Update Accessibility One More Time 6.4.1. Revisiting the In-Page Deletion 6.4.2. Revisiting In-Place Additions 6.5. Live Validation 6.6. Performance and Two-Phase Commits 6.6.1. Ajax That Plays Well with Others 6.6.2. Ajax, Caching, and Database Transactions 6.7. External Library Data Effects 6.7.1. Building and Maintaining Forms 6.7.2. Drag-and-Drop Sorting with script.aculo.us 6.7.3. Adobe Spry's Validation 6.7.4. Other Library Data Effects 7. History, Navigation, and Place with Single-Page Applications 7.1. Introducing the Challenger: Paged Content 7.1.1. Creating the Slideshow Infrastructure 7.1.2. Creating a Photo Slideshow 7.1.3. Splitting Text 7.1.4. Paging Through Data 7.2. Remembering Place 7.2.1. Remembering Place and Page Fragments 7.2.2. Remembering Place in a Timely Manner 7.2.3. The Difference Between Clever and Smart 7.3. Old and New Persistence: Side by Side 7.4. The New Page View 7.5. Post-Mortem 8. Adding Advanced Visual Effects 8.1. Advanced CSS Tricks 8.1.1. Rounded Corners 8.1.2. Sliders and Scrollbars 8.1.3. Web-Friendly Menus 8.1.4. Draggable Container 8.2. Scalable Vector Graphics 8.2.1. Embedding SVG 8.2.2. Adding Script 8.2.3. SVG Inline 8.3. SVG Quick View 8.3.1. Basic Shapes and Attributes 8.3.2. Defs, Gradients, Filters, and Effects 8.4. Mixer: SVG and Ajax 8.4.1. HTML5 Canvas 8.5. The Future of Graphics 9. Mashup Your Site 9.1. Mapping with Google 9.1.1. Google Maps: Quick and Easy 9.1.2. Get There from Here 9.2. A Second Service: Flickr 9.2.1. Creating the Mashup 9.2.2. Creating Photo Objects and Revisiting Prototype Versus Localized Functions 9.2.3. Converting Flickr/Google to Tabbed Pages 9.3. Adding Technorati to Our Mashup 9.4. Reengineering the Mashup 9.4.1. Accessible Tabs 9.4.2. Google Maps, IE, and Knowing When to Let Go 9.4.3. Abstracting the Web Services 9.5. The Reengineered Clients 9.5.1. The Script-Free Application 9.5.2. The New Ajax Client 9.6. Summarizing Mashups 10. Scaling, Infrastructure, and Starting from Scratch 10.1. Frameworks: Tight Versus Loose Coupling 10.2. The Web Service: Resource and Security 10.3. Ajax Libraries: Homegrown or Borrowed 10.4. Designing Ajax from the Ground Up 10.4.1. Packaging Your Functionality into Units 10.4.2. Maintenance and Testing 10.4.3. Memory Leaks, Local Storage, and Robustness 10.4.4. Reducing Every Effect to Its Simplest 10.4.5. Critical Areas of a Site 10.4.6. Don't Over-Mash 10.4.7. A Multitude of Devices 10.4.8. Limit "Cool" 10.4.9. But Cool's Good, Too 10.5. Frameworks du Jour 10.5.1. ASP.NET and AJAX 10.5.2. Java and GWT 10.5.3. PHP Frameworks 10.5.4. Python, GWT, and Django 10.5.5. Hey! It's Perl! 10.5.6. Ruby on Rails, Ajax, and Tight Coupling 10.6. Go Forth and Ajax About the Author Colophon SPECIAL OFFER: Upgrade this ebook with OReilly O autorze: Shelley Powers jest programistą i architektem oprogramowania, a także fotografem oraz autorką kilku książek informatycznych poświęconych programowaniu stron internetowych oraz różnym technologiom. Napisała również wiele artykułów poświęconych programowaniu dla różnych przeglądarek, standardom, RDF, JavaScriptowi, CSS oraz XML-owi; pracowała również dla kilku wiodących firm.