jQuery UI 1.7: The User Interface Library for jQuery电子书

jQuery UI 1.7

Table of Contents

jQuery UI 1.7

Credits

About the Author

About the Reviewers

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. 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

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

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

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

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

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

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

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

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

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

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

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

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