jQuery UI Cookbook电子书

jQuery UI Cookbook

Table of Contents

jQuery UI 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

Downloading the example code

Errata

Piracy

Questions

1. Creating Accordions

Introduction

Section navigation using the Tab key

Getting ready

How to do it...

How it works...

Dynamically changing the height style

Getting ready

How to do it...

How it works...

Resizable content sections

How to do it...

How it works...

There's more...

Controlling spacing with themes

How to do it...

How it works...

Sorting accordion sections

How to do it...

How it works...

Dragging-and-dropping between accordions

Getting ready

How to do it...

How it works...

2. Including Autocompletes

Introduction

Styling the default input with themes

Getting ready

How to do it...

How it works...

Building data sources using select options

Getting ready

How to do it...

How it works...

Using multiple data sources

How to do it...

How it works...

Remote autocomplete filtering

How to do it...

How it works...

There's more...

Custom data and categories

How to do it...

How it works...

There's more...

Applying effects to the drop-down menu

Getting ready

How to do it...

How it works...

3. Crafting Buttons

Introduction

Making simple checklists

Getting ready

How to do it...

How it works...

Controlling the spacing with buttonsets

Getting ready

How to do it...

How it works...

Filling space with buttons automatically

Getting ready

How to do it...

How it works...

There's more...

Sorting buttons within a group

Getting ready

How to do it...

How it works...

Using effects with the button hover state

Getting ready

How to do it...

How it works...

Button icons and hiding text

Getting ready

How to do it...

How it works...

4. Developing Datepickers

Introduction

Working with different date formats

How to do it...

How it works...

There's more...

Making a full-sized calendar widget

Getting ready

How to do it...

How it works...

Displaying month-to-month effects

Getting ready

How to do it...

How it works...

Appointment reminders as tooltips

How to do it...

How it works...

Restricting the date range

Getting ready...

How to do it...

How it works...

There's more...

Hiding the input field

Getting ready

How to do it...

How it works...

Additional calendar data and controls

Getting started

How to do it...

How it works...

5. Adding Dialogs

Introduction

Applying effects to dialog components

How to do it...

How it works...

Waiting for API data to load

Getting ready...

How to do it...

How it works...

Using icons in the dialog title

Getting ready...

How to do it...

How it works...

Adding actions to the dialog title

How to do it...

How it works...

Applying effects to dialog resize interactions

Getting ready...

How to do it...

How it works...

Using modal dialogs for messages

Getting ready...

How to do it...

How it works...

6. Making Menus

Introduction

Creating sortable menu items

Getting ready

How to do it...

How it works...

Highlighting the active menu item

Getting ready

How to do it...

How it works...

Using effects with menu navigation

Getting ready

How to do it...

How it works...

Building menus dynamically

Getting ready

How to do it...

How it works...

There's more...

Controlling the position of submenus

Getting ready

How to do it...

How it works...

Applying themes to submenus

Getting ready

How to do it...

How it works...

7. Progress Bars

Introduction

Displaying file upload progress

Getting ready

How to do it...

How it works...

Animating progress changes

How to do it...

How it works...

There's more...

Creating progressindicator widgets

How to do it...

How it works...

There's more...

Using states to warn about thresholds

Getting ready

How to do it...

How it works...

Giving progressbars labels

How to do it...

How it works...

There's more...

8. Using Sliders

Introduction

Controlling the size of the slider handle

Getting ready...

How to do it...

How it works...

Removing the handle focus outline

How to do it...

How it works...

Using master sliders and child sliders

How to do it...

How it works...

Marking step increments

How to do it...

How it works...

Getting range values

Getting ready...

How to do it...

How it works...

Changing the slider orientation

How to do it...

How it works...

9. Using Spinners

Introduction

Removing the input focus outline

How to do it...

How it works...

Formatting currencies for local cultures

How to do it...

How it works...

Formatting time for local cultures

How to do it...

How it works...

Controlling the step between values

How to do it...

How it works...

There's more...

Specifying the spin overflow

How to do it...

How it works...

There's more...

Simplifying the spinner buttons

How to do it...

How it works...

10. Using Tabs

Introduction

Working with remote tab content

How to do it...

How it works...

There's more...

Giving tabs an icon

How to do it...

How it works...

Simplifying the tab theme

How to do it...

How it works...

There's more...

Using tabs as URL navigation links

How to do it...

How it works...

Creating effects between tab transitions

How to do it...

How it works...

Sorting tabs using the sortable interaction

How to do it...

How it works...

There's more...

Setting the active tab using href

How to do it...

How it works...

There's more...

11. Using Tooltips

Introduction

Changing the tooltip state

How to do it...

How it works...

There's more...

Using custom markup in tooltips

How to do it...

How it works...

There's more...

Displaying the mouse movement

How to do it...

How it works...

Applying effects to the tooltip display

How to do it...

How it works...

Tooltips for selected text

How to do it...

How it works...

There's more...

12. Widgets and More!

Introduction

Accordions to tabs, and back again

How to do it...

How it works...

Building a custom widget from scratch

How to do it...

How it works...

Building an observer widget

How to do it...

How it works...

Using widgets with Backbone applications

How to do it...

How it works...

Index