Table of Contents
Preface
Chapter 1: Introducing jQuery UI
Chapter 2: The CSS Framework
Chapter 3: Tabs
Chapter 4: The Accordion Widget
Chapter 5: The Dialog
Chapter 6: Slider
Chapter 7: Datepicker
Chapter 8: Progressbar
Chapter 9: Drag and Drop
Chapter 10: Resizing
Chapter 11: Selecting
Chapter 12: Sorting
Chapter 13: UI Effects
Index
- Chapter 1: Introducing jQuery UI
- Downloading the library
- Setting up a development environment
- The structure of the library
- ThemeRoller
- Component categories
- Browser support
- Book examples
- Library licensing
- API introduction
- Events and callbacks
- Callback arguments
- Summary
- Chapter 2: The CSS Framework
- The files that make up the framework
- ui.all.css
- ui.base.css
- ui.core.css
- The individual component framework files
- ui.theme.css
- Linking to the required framework files
- Using the framework classes
- Containers
- Interactions
- Icons
- Interaction cues
- Switching themes quickly and easily
- Overriding the theme
- Summary
- The files that make up the framework
- Chapter 3: Tabs
- A basic tab implementation
- Tab CSS framework classes
- Applying a custom theme to the tabs
- Configurable options
- Selecting a tab
- Disabling a tab
- Transition effects
- Collapsible tabs
- Tab events
- Binding to events
- Using tab methods
- Enabling and disabling tabs
- Adding and removing tabs
- Simulating clicks
- Creating a tab carousel
- Getting and setting options
- AJAX tabs
- Displaying data obtained via JSONP
- Summary
- Chapter 4: The Accordion Widget
- Accordion's structure
- Styling the accordion
- Configuring an accordion
- Changing the trigger event
- Changing the default active header
- Filling the height of its container
- Accordion animation
- Accordion events
- The changestart event
- Accordion navigation
- Accordion methods
- Destruction
- Header activation
- Accordion interoperability
- A del.icio.us accordion
- Summary
- Chapter 5: The Dialog
- A basic dialog
- Dialog options
- Showing the dialog
- Positioning the dialog
- The title of the dialog
- Modality
- Adding buttons
- Enabling dialog animations
- Fixing IE6
- Configuring the dialog's dimensions
- Stacking
- Dialog's event model
- Controlling a dialog programmatically
- Toggling the dialog
- Getting data from the dialog
- Dialog interoperability
- A dynamic image-based dialog
- Summary
- Chapter 6: Slider
- Implementing a slider
- Custom styling
- Configurable options
- Creating a vertical slider
- Minimum and maximum values
- Slider steps
- Slider animation
- Setting the slider's value
- Using multiple handles
- The range element
- Using slider's event API
- Slider methods
- Future uses
- A color slider
- Summary
- Chapter 7: Datepicker
- The default datepicker
- Configurable options of the picker
- Basic Options
- Minimum and maximum dates
- Changing the datepicker UI
- Adding a trigger button
- Configuring alternative animations
- Multiple months
- Changing the date format
- Updating an additional input element
- Localization
- Callback properties
- Utility methods
- Date picking methods
- Selecting a date programmatically
- Showing the datepicker in a dialog
- An AJAX datepicker
- Summary
- Chapter 8: Progressbar
- The default progressbar implementation
- Using progressbar's configuration option
- Progressbar's event API
- Progressbar methods
- User initiated progress
- Rich uploads with progressbar
- Summary
- Chapter 9: Drag and Drop
- The deal with drag and droppables
- Draggables
- A basic drag implementation
- Configuring draggable options
- Using the configuration options
- Resetting dragged elements
- Drag handles
- Helper elements
- Constraining the drag
- Snapping
- Draggable event callbacks
- Using draggable's methods
- Droppables
- Configuring droppables
- Tolerance
- Droppable event callbacks
- Scope
- Greedy
- Droppable methods
- A drag and drop game
- Summary
- Chapter 10: Resizing
- A basic resizable
- Resizable options
- Configuring resize handles
- Adding additional handle images
- Defining size limits
- Resize ghosts
- Containing the resize
- Handling the aspect ratio
- Resizable animations
- Simultaneous resizing
- Preventing unwanted resizes
- Resizable callbacks
- Resizable methods
- Resizable tabs
- Summary
- Chapter 11: Selecting
- Basic implementation
- Selectee class names
- Configurable options of the selectable component
- Filtering selectables
- Cancelling the selection
- Selectable callbacks
- Working with vast amounts of selectables
- Selectable methods
- A selectable image viewer
- Styling the image selector
- Summary
- Chapter 12: Sorting
- The default implementation
- Configuring sortable options
- Placeholders
- Sortable helpers
- Sortable items
- Connected lists
- Reacting to sortable events
- Connected callbacks
- Sortable methods
- Widget compatibility
- Adding draggables
- Sortable page widgets
- The underlying page
- Styling the page
- The main script
- Building the content boxes
- Writing the cookie
- Making the boxes sortable
- Closing and restoring boxes
- Summary
- Chapter 13: UI Effects
- The core effects file
- Using color animations
- Using class transitions
- Advanced easing
- Highlighting specified elements
- Additional effect arguments
- Bouncing
- Shaking an element
- Transferring an element's outline
- Element scaling
- Element explosion
- The puff effect
- The pulsate effect
- Dropping elements onto the page
- Sliding elements open or closed
- The window-blind effect
- Clipping elements
- Folding elements
- Summary
- The core effects file
