O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

jQuery UI 1.6

Book Description

Better Build highly interactive web applications with ready-to-use widgets of the jQuery user interface library

  • Packed with examples and clear explanations to easily design elegant and powerful front-end interfaces for your web applications
  • Organize your interfaces with reusable widgets like accordions, date pickers, dialogs, sliders, tabs, and more
  • Enhance the interactivity of your pages by making elements drag and droppable, sortable, selectable, and resizable
  • No experience of jQuery UI expected, but familiarity with jQuery is required
  • Written and tested on jQuery UI 1.6 Release Candidate 2
  • In Detail

    Modern web application user interface design requires rapid development and proven results. jQuery UI, a trusted plugin for the jQuery JavaScript library, gives you a trusted platform on which to build rich and engaging interfaces with maximum compatibility, stability, and a minimum of time and effort.

    jQuery UI has a series of ready-made, great-looking user interface widgets and a comprehensive set of core interaction helpers designed to be implemented in a consistent and developer-friendly way. With all this, the amount of code that you need to write personally to take a project from conception to completion is drastically reduced

    This book has been written to maximize your experience with the library by breaking down each component and walking you through examples that progressively build upon your knowledge, taking you from beginner to advanced usage in a series of easy to follow steps.

    In this book, you’ll learn how each component can be initialized in a basic default implementation and then see how easy it is to customize its appearance and configure its behaviour to tailor it to the requirements of your application. You’ll look at the properties and methods exposed by each component’s API and see how these can be used to bring out the best in each component.

    Events play a key role in any modern web applications if it is to meet the expected minimum requirements of interactivity and responsiveness, and each chapter will show you the custom events fired by each component and how these events can be intercepted and acted upon.

    Table of Contents

    1. jQuery UI 1.6
    2. Credits
    3. About the Author
    4. About the Reviewers
    5. Preface
      1. What this book covers
      2. What you need for this book
      3. Who is this book for
      4. Conventions
      5. Reader feedback
      6. Customer support
        1. Downloading the example code for the book
        2. Errata
        3. Piracy
        4. Questions
    6. 1. Introducing jQuery UI
      1. Is this book for me?
      2. Downloading the library
      3. Setting up a development environment
      4. The structure of the library
        1. Unit testing
        2. Widget theming
        3. Minified and packed components
      5. Theme Roller
      6. The simplified API
      7. Component categories
      8. Browser support
      9. Book examples
      10. Library licensing
      11. Summary
    7. 2. Tabs
      1. A basic tab implementation
      2. Tab styling
      3. Configurable properties
      4. Transition effects
      5. Tab events
      6. Using tab methods
        1. Enabling and disabling tabs
        2. Adding and removing tabs
        3. Simulating clicks
        4. Creating a tab carousel
      7. AJAX tabs
      8. Fun with tabs
      9. Summary
    8. 3. The Accordion Widget
      1. Accordion's structure
      2. Styling the accordion
      3. Configuring accordion
      4. Accordion methodology
        1. Destruction
        2. Enabling and disabling
        3. Drawer activation
      5. Accordion animation
      6. Accordion events
      7. Fun with accordion
      8. Summary
    9. 4. The Dialog
      1. A basic dialog
      2. Custom dialog skins
      3. Dialog properties
        1. Adding buttons
      4. Working with dialog's callbacks
      5. Using dialog animations
      6. Controlling a dialog programmatically
      7. Getting data from the dialog
      8. Fun with dialog
      9. Summary
    10. 5. Slider
      1. Implementing slider
      2. Overriding the default theme
      3. Configurable properties
      4. Using slider's callback functions
      5. Slider methods
      6. Slider animation
      7. Multiple handles
      8. Fun with slider
      9. Summary
    11. 6. Date Picker
      1. The default date picker
      2. Skinning the date picker
      3. Configurable properties of the picker
        1. Changing the date format
        2. Localization
        3. Callback properties
        4. Trigger buttons
        5. Multiple months
        6. Enabling range selection
        7. Configuring alternative animations
        8. Date picking methods
          1. Putting the date picker in a dialog
      4. Fun with date picker
      5. Summary
    12. 7. Auto-Complete
      1. Basic implementation
      2. Configurable properties
        1. Scrolling
        2. Auto-complete styling
        3. Multiple selections
        4. Advanced formatting
        5. Matching properties
        6. Remote data
        7. Sending additional data to the server
        8. Caching
      3. Auto-complete methods
      4. Fun with auto-complete
      5. Summary
    13. 8. Drag and Drop
      1. The deal with drag and droppables
      2. Draggables
        1. A basic drag implementation
      3. Configuring draggable properties
        1. Resetting dragged elements
        2. Drag handles
        3. Helper elements
        4. Constraining the drag
        5. Snapping
      4. Draggable event callbacks
      5. Using draggable's methods
      6. Droppables
      7. Configuring droppables
        1. Tolerance
      8. Droppable event callbacks
        1. Greed
      9. Droppable methods
      10. Fun with droppables
      11. Summary
    14. 9. Resizing
      1. A basic resizable
      2. Skinning the resizable
      3. Resizable properties
        1. Configuring resize handles
        2. Defining size limits
        3. Resize ghosts
        4. Constraining the resize and maintaining ratio
        5. Resizable animations
      4. Resizable callbacks
      5. Resizable methods
      6. Fun with resizable
      7. Summary
    15. 10. Selecting
      1. Basic implementation
      2. Selectee class names
        1. Configurable properties of the selectable class
        2. Filtering selectables
      3. Selectable callbacks
      4. Selectable methods
      5. Fun with selectables
      6. Summary
    16. 11. Sorting
      1. Basic implementation
      2. Configuring sortable properties
        1. Placeholders
        2. Sortable helpers
        3. Sortable items
        4. Connected lists
      3. Reacting to sortable events
      4. Connected callbacks
      5. Sortable methods
      6. Widget compatibility
      7. Fun with sortable
        1. The main script
      8. Summary
    17. 12. UI Effects
      1. The core effects file
        1. Color animations
        2. Class transitions
        3. Advanced easing
      2. Highlighting
        1. Additional effect parameters
      3. Bouncing
      4. Shaking
      5. Transference
      6. Scaling
      7. Element explosion
      8. The puff effect
      9. Pulsate
      10. Drop
      11. Slide
      12. Clip
      13. Blind
      14. Fold
      15. Summary