jQuery UI 1.7: The User Interface Library for jQuery Table Of Contents

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

• Preface

• 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

• 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

• Index