Synopses & Reviews
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. Youll 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 covers the following extensions in version 1.8:
- Tab management
- Accordion menus
- Dialog boxes
- Progress bars
- Date pickers
- Drag and drop management
- Selection, resizing, and switching of elements
- New visual effects
The jQueryUI applies the power and standards of jQuery to user interface design. The library provides elegant versions of many features HTML5 lacks, including tabs, accordions, and dialogs. It also provides programming support for common but complex tasks like managing drag and drop and autocomplete. This code-heavy guide demonstrates how to apply this power to common web situations.
About the Author
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;