PacktLib: jQuery UI 1.8: The User Interface Library for jQuery

jQuery UI 1.8 The User Interface Library for jQuery

Credits

About the Author

About the Reviewers

www.PacktPub.com

Preface

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

Summary

The CSS Framework and Other Utilities

The files that make up the framework

Linking to the required framework files

Using the framework classes

Containers

Interactions

Icons

Interaction cues

Switching themes quickly and easily

Overriding the theme

The position utility

Collision avoidance

Positioning with a function

The widget factory

Creating the widget

The _create function

The common API methods

Adding custom methods

The widget style sheet

Using the widget

Summary

Using the Tabs Widget

A basic tab implementation

Tab CSS framework classes

Applying a custom theme to the tabs

Configurable options

Tab events

Using tab methods

AJAX tabs

Changing the URL of a remote tab's content

Reloading a remote tab

Displaying data obtained via JSONP

Summary

The Accordion Widget

Accordion's structure

Styling the accordion

Configuring an accordion

Accordion events

Accordion navigation

Accordion methods

Accordion interoperability

Summary

The Dialog

Creating a basic dialog

Dialog options

Dialog's event model

Controlling a dialog programmatically

Getting data from the dialog

Dialog interoperability

Creating a dynamic image-based dialog

Summary

The Slider Widget

Implementing a slider

Custom styling

Configurable options

Using slider's event API

Slider methods

Practical uses

A color slider

Summary

The Datepicker Widget

The default datepicker

Configurable options of the datepicker

Utility methods

Date picking methods

An AJAX datepicker

Summary

The Progressbar Widget

The default progressbar implementation

Progressbar's configuration options

Progressbar's event API

Progressbar methods

User initiated progress

Rich uploads with progressbar

Summary

The Button and Autocomplete Widgets

The button widget

The autocomplete widget

Summary

Drag and Drop

The deal with drag and droppables

Draggables

Configuring draggable options

Draggable event callbacks

Draggable's methods

Droppables

Configuring droppables

Droppable event callbacks

Droppable methods

A drag and drop game

Summary

The Resizable Component

A basic resizable

Resizable options

Resizable callbacks

Resizable methods

Resizable tabs

Summary

The Selectables Component

Basic implementation

Selectee classnames

Configurable options of the selectable component

Selectable callbacks

Selectable methods

A selectable image viewer

Summary

The Sortables Component

The default implementation

Configuring sortable options

Reacting to sortable events

Connected callbacks

Sortable methods

Widget compatibility

Summary

UI Effects

The core effects file

Highlighting specified elements

Bouncing

Shaking an element

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