jQuery UI: Learn How to use Dialogs, Autocomplete, and More

by Eric Sarrion

Overview

With the jQuery UI library, you can apply the power and standards of jQuery to user interface design, complete with interactive elements, animation, and themeable widgets. This concise, code-heavy guide demonstrates how to harness interactive features that HTML5 lacks, including tabs, accordions, and dialog boxes. You’ll also learn how to program common but complex tasks, such as managing drag and drop and autocomplete, that make it easier for users to interact with your site.

This book provides a quick tour of how jQuery UI can improve your HTML pages, followed by standalone chapters that focus on each of the components in detail. If you’re a web developer or designer looking to enrich your website with new features—without having to dive into full-fledged Javascript—jQuery UI is a must.

This book covers the following extensions in version 1.8:

• Tab management
• Accordion menus
• Dialog boxes
• Buttons
• Progress bars
• Sliders
• Date pickers
• Autocompleters
• Drag and drop management
• Selection, resizing, and switching of elements
• New visual effects

Product Details

ISBN-13:	9781449316990
Publisher:	O'Reilly Media, Incorporated
Publication date:	03/23/2012
Pages:	225
Product dimensions:	6.90(w) x 9.10(h) x 0.80(d)

About the Author

Eric Sarrion has written on Rails, HTML and CSS, J2EE, and JavaScript for O'Reilly France. He manages a small training and development company.

Table of Contents

Preface; Who Should Read This Book; Structure of the Book; Conventions Used in This Book; Using Code Examples; Safari® Books Online; How to Contact Us; Acknowledgments; Chapter 1: Introduction to jQuery UI; 1.1 jQuery UI Installation; 1.2 Overview of jQuery UI; 1.3 What Is a CSS Theme?; 1.4 Which Files Should We Include in Our HTML Pages?; 1.5 Change the CSS Theme; 1.6 And Now?; Chapter 2: Tabs; 2.1 Basic Principles of Tabs; 2.2 Formatting Content; 2.3 The tabs () Method; 2.4 The bind () Method; 2.5 Examples of Using Tabs; Chapter 3: Accordion Menus; 3.1 Basic Principles of Accordion Menus; 3.2 Formatting Content; 3.3 The accordion () Method; 3.4 Event Management in Accordion Menus with bind (); 3.5 Examples of Using Accordion Menus; Chapter 4: Dialog Boxes; 4.1 Basic Principles of Dialog Boxes; 4.2 Formatting Content; 4.3 The dialog () Method; 4.4 Event Handling in Dialog Boxes with bind (); 4.5 Examples of Using Dialog Boxes; Chapter 5: Buttons; 5.1 Basic Principles of Buttons; 5.2 Formatting Content; 5.3 The button () Method; 5.4 Event Handling on Buttons with bind (); 5.5 Radio Buttons; 5.6 Checkboxes; 5.7 Examples of Using Buttons; Chapter 6: Progress Bars; 6.1 Basic Principles of Progress Bars; 6.2 Formatting Content; 6.3 The progressbar () Method; 6.4 Handling Events in Progress Bars with bind (); 6.5 Examples of Using Progress Bars; Chapter 7: Sliders; 7.1 Basic Principles of Sliders; 7.2 Formatting Content; 7.3 The slider () Method; 7.4 Event Management on the Sliders with bind (); 7.5 Examples of Using Sliders; Chapter 8: Datepickers; 8.1 Basic Principles of Datepickers; 8.2 Formatting Content; 8.3 The datepicker () Method; 8.4 Examples of Using Datepickers; Chapter 9: Autocompletion; 9.1 Basic Principles of Autocompletion; 9.2 Formatting Content; 9.3 The autocomplete () Method; 9.4 Event Management on the List of Suggestions with bind (); 9.5 Examples of Using the Autocompletion Mechanism; Chapter 10: Drag-and-Drop; 10.1 The draggable () Method; 10.2 Event Management on the Moved Elements with bind (); 10.3 Examples of Using Drag Functionality; 10.4 The droppable () Method; 10.5 Event Management on the Elements of Deposit with bind (); 10.6 Examples of Using the Drop Functionality: A Shopping Cart; Chapter 11: Selecting Items; 11.1 Basic Principles of Selecting Items; 11.2 Formatting Content; 11.3 The selectable () Method; 11.4 Event Management in the Selection with bind (); 11.5 Examples of Using the Selection Mechanism; Chapter 12: Permutation of Elements in the Page; 12.1 Basic Principles of Permutation of Elements; 12.2 Formatting Content; 12.3 The sortable () Method; 12.4 Event Management of the Permutation with bind (); 12.5 Examples of Using the Permutation Mechanism; Chapter 13: Resizing; 13.1 Basic Principles of Resizing; 13.2 Formatting Content; 13.3 The resizable () Method; 13.4 Handling Events when Resizing with bind (); 13.5 Examples of Using the Resizing Mechanism; Chapter 14: Visual Effects in jQuery UI; 14.1 New Visual Effects; 14.2 The show (), hide (), and toggle () Methods; 14.3 The animate () method Improved by jQuery UI; 14.4 Producing Effects with CSS Classes;