Log In
Or create an account ->
Imperial Library
Home
About
News
Upload
Forum
Help
Login/SignUp
Index
YUI 3 Cookbook
Preface
YUI 2 Versus YUI 3
Why Use YUI?
Library or Framework?
Who This Book Is For
Resources and Community
Conventions Used in This Book
About the Examples
Typesetting Conventions
Using Code Examples
Safari® Books Online
How to Contact Us
Acknowledgments
1. Loading Modules
Loading Rollups and Modules
Problem
Solution
Discussion
Loading SimpleYUI
Problem
Solution
Discussion
Identifying and Loading Individual Modules
Problem
Solution
Discussion
See Also
Loading a Different Default Skin
Problem
Solution
Discussion
See Also
Loading Gallery Modules
Problem
Solution
Discussion
See Also
Loading a YUI 2 Widget
Problem
Solution
Discussion
See Also
Loading Locally Hosted Builds
Problem
Solution
Discussion
See Also
Creating Your Own Modules
Problem
Solution
Discussion
See Also
Creating a Module with Dependencies
Problem
Solution
Discussion
See Also
Creating Truly Reusable Modules
Problem
Solution
Discussion
Defining Groups of Custom Modules
Problem
Solution
Discussion
See Also
Reusing a YUI Configuration
Problem
Solution
Discussion
Defining Your Own Rollups
Problem
Solution
Discussion
See Also
Loading jQuery as a YUI Module
Problem
Solution
Discussion
See Also
Loading Modules Based on Browser Capabilities
Problem
Solution
Discussion
See Also
Monkeypatching YUI
Problem
Solution
Discussion
See Also
Loading Modules on Demand
Problem
Solution
Discussion
See Also
Enabling Predictive Module Loading on User Interaction
Problem
Solution
Discussion
Binding a YUI Instance to an iframe
Problem
Solution
Discussion
See Also
Implementing Static Loading
Problem
Solution
Discussion
2. DOM Manipulation
Getting Element References
Problem
Solution
Discussion
See Also
Manipulating CSS Classes
Problem
Solution
Discussion
Getting and Setting DOM Properties
Problem
Solution
Discussion
See Also
Changing an Element’s Inner Content
Problem
Solution
Discussion
Working with Element Collections
Problem
Solution
Discussion
See Also
Creating New Elements
Problem
Solution
Discussion
See Also
Adding Custom Methods to Nodes
Problem
Solution
Discussion
Adding Custom Properties to Nodes
Problem
Solution
Discussion
3. UI Effects and Interactions
Hiding an Element
Problem
Solution
Discussion
Fading an Element
Problem
Solution
Discussion
See Also
Moving an Element
Problem
Solution
Discussion
See Also
Creating a Series of Transitions
Problem
Solution
Discussion
Defining Your Own Canned Transitions
Problem
Solution
Discussion
Creating an Infinite Scroll Effect
Problem
Solution
Discussion
See Also
Dragging an Element
Problem
Solution
Discussion
Creating a Resizable Node
Problem
Solution
Discussion
See Also
Implementing a Reorderable Drag-and-Drop Table
Problem
Solution
Discussion
4. Events
Responding to Mouseovers, Clicks, and Other User Actions
Problem
Solution
Discussion
See Also
Responding to Element and Page Lifecycle Events
Problem
Solution
Discussion
Controlling Event Propagation and Bubbling
Problem
Solution
Discussion
See Also
Preventing Default Behavior
Problem
Solution
Discussion
Delegating Events
Problem
Solution
Discussion
Firing and Capturing Custom Events
Problem
Solution
Discussion
Driving Applications with Custom Events
Problem
Solution
Discussion
Using Object Methods as Event Handlers
Problem
Solution
Discussion
Detaching Event Subscriptions
Problem
Solution
Discussion
See Also
Controlling the Order of Event Handler Execution
Problem
Solution
Discussion
Creating Synthetic DOM Events
Problem
Solution
Discussion
Responding to a Method Call with Another Method
Problem
Solution
Discussion
5. Ajax
Fetching and Displaying XHR Data
Problem
Solution
Discussion
See Also
Handling Errors During Data Transport
Problem
Solution
Discussion
See Also
Loading Content Directly into a Node
Problem
Solution
Discussion
See Also
Submitting Form Data with XHR
Problem
Solution
Discussion
Uploading a File with XHR
Problem
Solution
Discussion
Getting JSON Data Using Script Nodes (JSONP)
Problem
Solution
Discussion
See Also
Fetching and Displaying Data with YQL
Problem
Solution
Discussion
See Also
Scraping HTML with YQL
Problem
Solution
Discussion
See Also
Querying Data Using DataSource
Problem
Solution
Discussion
See Also
Normalizing DataSource Responses with a DataSchema
Problem
Solution
Discussion
See Also
6. CSS
Normalizing Browser Style Inconsistencies
Problem
Solution
Discussion
See Also
Rebuilding Uniform Base Styles
Problem
Solution
Discussion
Applying Consistent Fonts
Problem
Solution
Discussion
Laying Out Content with Grids
Problem
Solution
Discussion
See Also
Using Grids for Responsive Design
Problem
Solution
Discussion
See Also
Creating Consistent Buttons
Problem
Solution
Discussion
See Also
7. Infrastructure
Managing State with Attributes
Problem
Solution
Discussion
See Also
Creating Base Components with Y.extend()
Problem
Solution
Discussion
See Also
Creating Base Components with Y.Base.create()
Problem
Solution
Discussion
See Also
Creating a Basic Widget
Problem
Solution
Discussion
See Also
Creating a Widget That Uses Progressive Enhancement
Problem
Solution
Discussion
See Also
Rendering Remote Data with a Widget
Problem
Solution
Discussion
See Also
Creating a Simple Plugin
Problem
Solution
Discussion
See Also
Creating a Plugin That Alters Host Behavior
Problem
Solution
Discussion
See Also
Bundling CSS with a Widget as a CSS Module
Problem
Solution
Discussion
See Also
Bundling CSS with a Widget as a Skin
Problem
Solution
Discussion
See Also
Representing Data with a Model
Problem
Solution
Discussion
See Also
Persisting Model Data with a Sync Layer
Problem
Solution
Discussion
See Also
Managing Models with a Syncing ModelList
Problem
Solution
Discussion
See Also
Rendering HTML with a View
Problem
Solution
Discussion
See Also
Rendering a Model with a View
Problem
Solution
Discussion
See Also
Rendering a ModelList with a View
Problem
Solution
Discussion
See Also
Saving State Changes in the URL
Problem
Solution
Discussion
See Also
Defining and Executing Routes
Problem
Solution
Discussion
See Also
8. Using Widgets
Instantiating, Rendering, and Configuring Widgets
Problem
Solution
Discussion
See Also
Creating an Overlay
Problem
Solution
Discussion
See Also
Aligning and Centering an Overlay
Problem
Solution
Discussion
See Also
Making an Overlay Draggable
Problem
Solution
Discussion
See Also
Creating a Simple, Styled Information Panel
Problem
Solution
Discussion
See Also
Creating a Modal Dialog or Form
Problem
Solution
Discussion
See Also
Creating a Tooltip from an Overlay
Problem
Solution
Discussion
See Also
Creating a Lightbox from an Overlay
Problem
Solution
Discussion
See Also
Creating a Slider
Problem
Solution
Discussion
See Also
Creating a Tabview
Problem
Solution
Discussion
See Also
Creating a Basic DataTable
Problem
Solution
Discussion
See Also
Formatting a DataTable’s Appearance
Problem
Solution
Discussion
See Also
Displaying a Remote JSON DataSource in a DataTable
Problem
Solution
Discussion
See Also
Plotting Data in a Chart
Problem
Solution
Discussion
See Also
Choosing Dates with a Calendar
Problem
Solution
Discussion
See Also
Defining Calendar Rules
Problem
Solution
Discussion
Creating a Basic AutoComplete
Problem
Solution
Discussion
See Also
Highlighting and Filtering AutoComplete Results
Problem
Solution
Discussion
See Also
Using AutoComplete with Remote Data
Problem
Solution
Discussion
See Also
Customizing the AutoComplete Result List
Problem
Solution
Discussion
See Also
9. Utilities
Determining a Variable’s Type
Problem
Solution
Discussion
See Also
Iterating Over Arrays and Objects
Problem
Solution
Discussion
See Also
Filtering an Array
Problem
Solution
Discussion
Merging Objects
Problem
Solution
Discussion
Composing and Inheriting from Other Objects
Problem
Solution
Discussion
See Also
Automatically Caching Function Call Results
Problem
Solution
Discussion
Templating with Simple String Substitution
Problem
Solution
Discussion
See Also
Formatting Numbers
Problem
Solution
Discussion
See Also
Formatting Dates
Problem
Solution
Discussion
See Also
Parsing Arbitrary XML
Problem
Solution
Discussion
See Also
Converting Color Values
Problem
Solution
Discussion
Managing History and the Back Button
Problem
Solution
Discussion
See Also
Escaping User Input
Problem
Solution
Discussion
See Also
Assigning Special Behavior to a Checkbox Group
Problem
Solution
Discussion
See Also
Implementing Easy Keyboard Actions and Navigation
Problem
Solution
Discussion
See Also
Reliably Detecting Input Field Changes
Problem
Solution
Discussion
See Also
Managing and Validating Forms
Problem
Solution
Discussion
See Also
10. Server-Side YUI
Installing and Running YUI on the Server
Problem
Solution
Discussion
See Also
Loading Modules Synchronously on the Server
Problem
Solution
Discussion
See Also
Using YUI on the Command Line
Problem
Solution
Discussion
See Also
Calling YQL on the Server
Problem
Solution
Discussion
Using the YUI REPL
Problem
Solution
Discussion
Constructing and Serving a Page with YUI, YQL, and Handlebars
Problem
Solution
Discussion
See Also
11. Universal Access
Preventing the Flash of Unstyled Content
Problem
Solution
Discussion
See Also
Adding ARIA to Form Error Messages
Problem
Solution
Discussion
See Also
Building a Widget with ARIA
Problem
Solution
Discussion
See Also
Retrofitting a Widget with an ARIA Plugin
Problem
Solution
Discussion
See Also
Defining Translated Strings
Problem
Solution
Discussion
See Also
Internationalizing a Widget
Problem
Solution
Discussion
See Also
12. Professional Tools
Enabling Debug Logging
Problem
Solution
Discussion
Rendering Debug Log Output in the Page
Problem
Solution
Discussion
See Also
Writing Unit Tests
Problem
Solution
Discussion
See Also
Organizing Unit Tests into Suites
Problem
Solution
Discussion
See Also
Testing Event Handlers by Simulating Events
Problem
Solution
Discussion
Mocking Objects
Problem
Solution
Discussion
See Also
Testing Asynchronously Using wait()
Problem
Solution
Discussion
Collecting and Posting Test Results
Problem
Solution
Discussion
See Also
Precommit Testing in Multiple Browsers
Problem
Solution
Discussion
Testing on Mobile Devices
Problem
Solution
Discussion
See Also
Testing Server-Side JavaScript
Problem
Solution
Discussion
Minifying Your Code
Problem
Solution
Discussion
See Also
Documenting Your Code
Problem
Solution
Discussion
See Also
Index
About the Author
Colophon
Copyright
← Prev
Back
Next →
← Prev
Back
Next →