jQuery UI Cookbook

jQuery UI Cookbook
eBook: $29.99
Formats: PDF, PacktLib, ePub and Mobi formats
save 15%!
Print + free eBook + free PacktLib access to the book: $79.98    Print cover: $49.99
save 6%!
Free Shipping!
UK, US, Europe and selected countries in Asia.
Also available on:
Table of Contents
Sample Chapters
  • Packed with recipes showing UI developers how to get the most out of their jQuery UI widgets
  • Solutions to real-world development issues distilled down in a reader-friendly approach
  • Code examples written in a concise and elegant format making it easy for the reader to adapt to their own style

Book Details

Language : English
Paperback : 290 pages [ 235mm x 191mm ]
Release Date : July 2013
ISBN : 1782162186
ISBN 13 : 9781782162186
Author(s) : Adam Boduch
Topics and Technologies : All Books, Web Development, Cookbooks, jQuery, Open Source, Web Development

Table of Contents

Chapter 1: Creating Accordions
Chapter 2: Including Autocompletes
Chapter 3: Crafting Buttons
Chapter 4: Developing Datepickers
Chapter 5: Adding Dialogs
Chapter 6: Making Menus
Chapter 7: Progress Bars
Chapter 8: Using Sliders
Chapter 9: Using Spinners
Chapter 10: Using Tabs
Chapter 11: Using Tooltips
Chapter 12: Widgets and More!
  • Chapter 1: Creating Accordions
    • Introduction
    • Section navigation using the Tab key
    • Dynamically changing the height style
    • Resizable content sections
    • Controlling spacing with themes
    • Sorting accordion sections
    • Dragging-and-dropping between accordions
    • Chapter 2: Including Autocompletes
      • Introduction
      • Styling the default input with themes
      • Building data sources using select options
      • Using multiple data sources
      • Remote autocomplete filtering
      • Custom data and categories
      • Applying effects to the drop-down menu
      • Chapter 3: Crafting Buttons
        • Introduction
        • Making simple checklists
        • Controlling the spacing with buttonsets
        • Filling space with buttons automatically
        • Sorting buttons within a group
        • Using effects with the button hover state
        • Button icons and hiding text
        • Chapter 4: Developing Datepickers
          • Introduction
          • Working with different date formats
          • Making a full-sized calendar widget
          • Displaying month-to-month effects
          • Appointment reminders as tooltips
          • Restricting the date range
          • Hiding the input field
          • Additional calendar data and controls
          • Chapter 5: Adding Dialogs
            • Introduction
            • Applying effects to dialog components
            • Waiting for API data to load
            • Using icons in the dialog title
            • Adding actions to the dialog title
            • Applying effects to dialog resize interactions
            • Using modal dialogs for messages
            • Chapter 6: Making Menus
              • Introduction
              • Creating sortable menu items
              • Highlighting the active menu item
              • Using effects with menu navigation
              • Building menus dynamically
              • Controlling the position of submenus
              • Applying themes to submenus
              • Chapter 7: Progress Bars
                • Introduction
                • Displaying file upload progress
                • Animating progress changes
                • Creating progressindicator widgets
                • Using states to warn about thresholds
                • Giving progressbars labels
                • Chapter 8: Using Sliders
                  • Introduction
                  • Controlling the size of the slider handle
                  • Removing the handle focus outline
                  • Using master sliders and child sliders
                  • Marking step increments
                  • Getting range values
                  • Changing the slider orientation
                  • Chapter 9: Using Spinners
                    • Introduction
                    • Removing the input focus outline
                    • Formatting currencies for local cultures
                    • Formatting time for local cultures
                    • Controlling the step between values
                    • Specifying the spin overflow
                    • Simplifying the spinner buttons
                    • Chapter 10: Using Tabs
                      • Introduction
                      • Working with remote tab content
                      • Giving tabs an icon
                      • Simplifying the tab theme
                      • Using tabs as URL navigation links
                      • Creating effects between tab transitions
                      • Sorting tabs using the sortable interaction
                      • Setting the active tab using href
                      • Chapter 11: Using Tooltips
                        • Introduction
                        • Changing the tooltip state
                        • Using custom markup in tooltips
                        • Displaying the mouse movement
                        • Applying effects to the tooltip display
                        • Tooltips for selected text
                        • Chapter 12: Widgets and More!
                          • Introduction
                          • Accordions to tabs, and back again
                          • Building a custom widget from scratch
                          • Building an observer widget
                          • Using widgets with Backbone applications

                          Adam Boduch

                          Adam Boduch has spent the last several years developing user interfaces for large-scale software systems. Starting out as a backend Python developer, he was lured to the frontend by tools like jQuery UI. Adam is passionate about readable code, and writes extensively about jQuery UI widgets, including his previous book jQuery UI Themes Beginner's Guide, Packt Publishing. When Adam isn't coding, reading or writing, you will usually find him playing hockey, or spending time with his family.

                          Code Downloads

                          Download the code and support files for this book.

                          Submit Errata

                          Please let us know if you have found any errors not listed on this list by completing our errata submission form. Our editors will check them and add them to this list. Thank you.


                          - 1 submitted: last submission 22 Jul 2014

                          Type: Code Pg No.: 117

                          The followingpiece of code in how to do it section:

                          <ul id="menu">
                                      <li><a href="#first">First Item</a></li>
                                      <li><a href="#second">Second Item</a></li>
                                      <li><a href="#third">Third Item</a></li>
                                          <a href="#forth">Fourth Item</a>
                                              <li><a href="#fifth">Fifth</a></li>
                          <a href="#sixth">Sixth</a>
                                                      <li><a href="#">Seventh</a></li>
                                                      <li><a href="#">Eighth</a></li>

                          Should be:

                          $(function() {
                          $( "#menu" ).menu({
                          position: {
                          my: "left top",
                          at: "center bottom"

                          Sample chapters

                          You can view our sample chapters and prefaces of this title on PacktLib or download sample chapters in PDF format.

                          Frequently bought together

                          jQuery UI Cookbook +    Haskell Data Analysis Cookbook =
                          50% Off
                          the second eBook
                          Price for both: $43.05

                          Buy both these recommended eBooks together and get 50% off the cheapest eBook.

                          What you will learn from this book

                          • Benefits and tricks in each jQuery UI widget
                          • Build your own widget using the widget factory and the theme framwork
                          • Built-in event-handling utilities for inter-widget communication
                          • Extend widgets to provide the missing behavior your application needs
                          • Extend and improve the design of each widget using the theme framework, overriding defaults such as borders and backgrounds
                          • Details about different widget configurations not covered in the jQuery UI documentation
                          • Discover the role of each widget in an application and how they collectively contribute to a better user experience
                          • Explore coding conventions that work best when writing jQuery UI code
                          • Learn about unique perspectives on approaches to widget development – maintainability matters

                          In Detail

                          jQuery UI is the quintessential framework for creating professional user interfaces. While jQuery core lays the foundation for interaction with the DOM and handling events, jQuery UI fills in the user interaction gap. This book will give you a huge productivity boost out of the box with jQuery UI, and help you understand the framework, inside and out.

                          "jQuery UI Cookbook" provides you with practical recipes featuring in-depth coverage of every widget in the framework, including how to address limitations that impact your everyday development activities with these widgets. You'll get a better idea of the big picture – how the framework is composed, how the widgets relate to one another, and how to build on those patterns.

                          Be it a minor tweak on the visual design of a progress bar or a fundamental change in a widget to meet your needs, "jQuery UI Cookbook" covers scenarios both big and small. You can show reminders as tooltips, apply a variety of effects to the menu widget, and start interactions between the dialog widget and API data using deferred objects. These and many more interesting tasks are covered in this book, which can be done with smooth learning and great understanding. You will see how button widgets can fill the width of their containing element, making the layout more consistent. Tabs can be sorted and moved between widgets. You will learn how to do all these things within the context of the big picture, by finding out why the components work the way they do, making you well-versed in jQuery UI.


                          Filled with a practical collection of recipes, jQuery UI Cookbook is full of clear, step-by-step instructions that will help you harness the powerful UI framework in jQuery. Depending on your needs, you can dip in and out of the Cookbook and its recipes, or follow the book from start to finish.

                          Who this book is for

                          If you are a jQuery UI developer looking to improve your existing applications, extract ideas for your new application, or to better understand the overall widget architecture, then jQuery UI Cookbook is a must-have for you. The reader should at least have a rudimentary understanding of what jQuery UI is, and have written some code that uses jQuery UI.

                          Code Download and Errata
                          Packt Anytime, Anywhere
                          Register Books
                          Print Upgrades
                          eBook Downloads
                          Video Support
                          Contact Us
                          Awards Voting Nominations Previous Winners
                          Judges Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software
                          Open Source CMS Hall Of Fame CMS Most Promising Open Source Project Open Source E-Commerce Applications Open Source JavaScript Library Open Source Graphics Software