Yahoo! User Interface 2.x Cookbook -- Table of Contents -- Yahoo! User Interface 2.x Cookbook -- Credits -- About the Author -- About the Reviewers -- www.PacktPub.com -- Support files, eBooks, discount offers, and more -- Why Subscribe? -- Free Access for Packt account holders -- Preface -- What this book covers -- What you need for this book -- Who this book is for -- Conventions -- Reader feedback -- Customer support -- Errata -- Piracy -- Questions -- 1. USING YUI 2.x -- Introduction -- Fetching the latest version of YUI 2.x -- How to do it... -- How it works... -- There's more... -- More on YDN dependencies -- See also -- Letting YDN manage YUI dependencies dynamically -- How to do it... -- How it works... -- There's more... -- See also -- Configuring the YUILoader component -- How to do it... -- How it works... -- There's more... -- More on callback function signatures -- Letting YUI manage My Script dependencies -- Getting ready -- How to do it... -- How it works... -- There's more... -- Importing JavaScript and CSS with the Get component -- Getting ready -- How to do it... -- How it works... -- There's more... -- Browser issues with multiple CSS imports -- Configuring the Get component -- How to do it... -- How it works... -- Building namespaces -- How to do it... -- How it works... -- There's more... -- Including YUI CSS -- How to do it... -- How it works... -- There's more... -- Evaluating object types, the YUI way -- How to do it... -- How it works... -- There's more... -- More on function detection in IE -- Using hasOwnProperty to fix for...in loops -- Getting ready -- How to do it... -- How it works... -- There's more... -- Extending JavaScript objects, the YUI way -- How to do it... -- How it works... -- There's more... -- Augmenting objects using YUI -- How to do it... -- How it works... -- There's more... -- See also.

Detecting client browser and platforms -- How to do it... -- How it works... -- There's more... -- Graded browser support -- More on mobile detection -- More on Caja -- Using the Cookie component -- How to do it... -- How it works... -- There's more... -- Using the JSON package -- How to do it... -- How it works... -- There's more... -- More on parsing options -- 2. Using DOM and Selector Components -- Introduction -- Searching the document -- How to do it... -- How it works... -- There's more... -- See also -- Searching for element children and siblings -- How to do it... -- How it works... -- There's more... -- Searching for element ancestors -- Getting ready -- How to do it... -- How it works... -- There's more... -- See Also -- Working with HTML classes -- How to do it... -- How it works... -- There's more... -- Modifying element styles and HTML attributes -- How to do it... -- How it works... -- There's more... -- Element positions and sizes -- How to do it... -- How it works... -- There's more... -- See Also -- Using and comparing regions -- How to do it... -- How it works... -- There's more... -- Using advanced DOM functions -- How to do it... -- How it works... -- There's more... -- Using Selector to search the DOM -- How to do it... -- How it works... -- There's more... -- See Also -- Using CSS 2 and 3 Selectors with YUI -- How to do it... -- How it works... -- There's more... -- Filtering and testing nodes using selector -- How to do it... -- How it works... -- 3. Using Event Component -- Introduction -- Using YUI to attach JavaScript event listeners -- How to do it... -- How it works... -- There's more... -- More on YAHOO.util.Event.addListener -- See also -- Event normalization functions -- How to do it... -- How it works... -- See also -- Removing event listeners -- How to do it... -- How it works... -- There's more...

Listening for key events -- How to do it... -- How it works... -- There's more... -- Using special YUI only events -- Getting ready -- How to do it... -- How it works... -- Using YUI helper event functions -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Using custom events -- How to do it... -- How it works... -- There's more... -- Instantiation function arguments -- Subscribe function -- Subscriber callback functions -- See also -- The simple way to add custom events to classes -- How to do it... -- How it works... -- There's more... -- See also -- 4. Using Connection Component -- Introduction -- Making your first AJAX request -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Exploring the callback object properties -- How to do it... -- How it works... -- See also -- Exploring the response object properties -- How to do it... -- How it works... -- There's more... -- Handling event callback functions -- How to do it... -- How it works... -- See also -- Subscribing to connection events globally -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Uploading files using Connection Manager -- How to do it... -- How it works... -- There's more... -- See also -- Making cross-domain AJAX requests -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Other useful Connection Manager static function -- How to do it... -- How it works... -- Putting it all together -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- 5. Using DataSource Component -- Introduction -- Simple examples of each DataSource type -- Getting ready -- How to do it... -- How it works... -- There's more... -- ScriptNodeDataSource special requirements -- The DataSource callback object.

The DataSource callback function signature -- See also -- Using the JavaScript array response type -- Getting ready -- How to do it... -- How it works... -- There's more... -- Understanding the responseSchema -- Using data parsers -- Using the JSON response type -- Getting ready -- How to do it... -- How it works... -- Understanding the JSON response schema -- There's more... -- Using the XML ResponseType -- Getting ready -- How to do it... -- How it works... -- Using the XML response schema -- There's more... -- See also -- Using the text response type -- Getting ready -- How to do it... -- How it works... -- Understanding the text response schema -- There's more... -- Using the HTML table response type -- Getting ready -- How to do it... -- How it works... -- Understanding the HTML response schema -- There's more... -- Exploring advanced DataSource features -- Getting ready -- How to do it... -- How it works... -- 6. Using Logger and YUI Test Components -- Introduction -- Writing your first log statement -- Getting ready -- How to do it... -- How it works... -- There's more... -- Define a custom log level -- Exploring the Logger component -- How to do it... -- How it works... -- Configuring and using the LogReader class -- Getting ready -- How it's done... -- How it works... -- There's more... -- Customizing the output using entryFormat -- Customizing the output by overriding formatMsg -- See also -- Using the LogWriter component -- How to do it... -- How it works... -- There's more... -- Writing your first test case -- Getting ready -- How it's done... -- How it works... -- There's more... -- Ignoring tests -- Intentional errors -- Testing the YAHOO.lang.trim function -- See also -- How to use assertions -- Getting ready -- How to do it... -- How it works... -- There's more... -- Simulating user actions in your tests -- Getting ready.

How to do it... -- How it works... -- There's more... -- Using TestSuite to manage TestCases -- How to do it... -- How it works... -- See also -- Using TestRunner to run tests -- Getting ready -- How to do it... -- How it works... -- There's more... -- 7. Using Element and Button Components -- Introduction -- Creating your first element object -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Subscribing to events on element objects -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Using AttributeProvider to attributes for classes -- How to do it... -- How it works... -- Manipulating the DOM using element objects -- Getting ready -- How to do it... -- How it works... -- Creating your first button object -- Getting ready -- How to do it... -- How it works... -- There more... -- Known issues -- See also -- Using ButtonGroups to control related buttons -- How to do it... -- How it works... -- See also -- Using events with button and ButtonGroup objects -- Getting ready -- How to do it... -- How it works... -- See also -- 8. Using Menu Component -- Introduction -- Creating your first Menu object -- Getting ready -- How to do it... -- How it works... -- There's more... -- See also -- Grouping related MenuItems -- Getting ready -- How to do it... -- How it works... -- There's more... -- Adding Submenus to your Menus -- How to do it... -- How it works... -- There's more... -- See also -- Traversing a Menu instance -- Getting ready -- How to do it... -- How it works... -- Adding help text to your MenuItems -- How to do it... -- How it works... -- Configuring Menu and MenuItem instances -- How to do it... -- How it works... -- There's more... -- See also... -- Subscribing to events on Menu objects -- Getting ready -- How to do it... -- How it works... -- See also.

Using the ContextMenu Menu object.