Download Safari Books Online apps: Apple iOS | Android

Entire Site

Safari Books Online

    Free Trial

    Safari Books Online is a digital library providing on-demand subscription access to thousands of learning resources.

    Start ReadingShareBuy Print Version
    jQuery UI

    • jQuery UI

    • By:

    • Publisher: O'Reilly Media, Inc.

    • Pub. Date:

    • Print ISBN-13: 978-1-4493-1699-0

    • Pages in Print Edition: 244

    • Subscriber Rating: 3.5 out of 5 rating3.5 [2 Ratings]

    1ebooken
    Subscriber Reviews • Browse Similar Topics

    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.

    Subscriber Reviews

    Average Rating: 3.5 out of 5 rating Based on 2 Ratings

    No Subscribers have provided a review for this book.

    Table of Contents

     

    View Sample

    jQuery UI

    View Sample
    Preface
    View Sample

    Who Should Read This Book

    View Sample

    Structure of the Book

    View Sample

    Conventions Used in This Book

    View Sample

    Using Code Examples

    View Sample

    Safari® Books Online

    View Sample

    How to Contact Us

    View Sample

    Acknowledgments

    View Sample
    Download ChapterDownload Chapter
    1 Token    1. Introduction to jQuery UI
    View Sample

    jQuery UI Installation

    View Sample

    Overview of jQuery UI

    View Sample

    What Is a CSS Theme?

    View Sample
    Which Files Should We Include in Our HTML Pages?
    View Sample

    Uncompressed Files

    View Sample

    Compressed Files

    View Sample

    Change the CSS Theme

    View Sample

    And Now?

    View Sample
    Download ChapterDownload Chapter
    1 Token    2. Tabs
    View Sample

    Basic Principles of Tabs

    View Sample

    Formatting Content

    View Sample
    The tabs () Method
    View Sample

    The tabs (options) Method

    View Sample

    The tabs (“action”, params) Method

    View Sample

    The bind () Method

    View Sample
    Examples of Using Tabs
    View Sample

    Dynamic Creation of Tabs

    View Sample

    Modifying the Contents of a Tab Using Ajax

    View Sample

    Transmitting the Information to the Server via Ajax

    View Sample

    Using the Tabs add Method

    View Sample

    Using the tabsadd Event

    View Sample
    Download ChapterDownload Chapter
    1 Token    3. Accordion Menus
    View Sample

    Basic Principles of Accordion Menus

    View Sample

    Formatting Content

    View Sample
    The accordion () Method
    View Sample

    The accordion (options) Method

    View Sample

    The accordion (“action”, params) Method

    View Sample

    Event Management in Accordion Menus with bind ()

    View Sample
    Examples of Using Accordion Menus
    View Sample

    Opening Any Menu

    View Sample

    Loading the Contents of a Menu with Ajax: Using options

    View Sample

    Loading the contents of a menu with Ajax: Using accordionchange

    View Sample
    4. Dialog Boxes
    View Sample

    Basic Principles of Dialog Boxes

    View Sample

    Formatting Content

    View Sample
    The dialog () Method
    View Sample

    The dialog (options) Method

    View Sample

    The dialog (“action”, params) Method

    View Sample

    Event Handling in Dialog Boxes with bind ()

    View Sample
    Examples of Using Dialog Boxes
    View Sample

    Opening and Closing a Dialog Box

    View Sample

    Applying an Effect When Opening or Closing the Dialog Box

    View Sample

    Verifying the Closure of the Dialog Box

    View Sample

    Hiding the Close Button

    View Sample

    Inserting Buttons in the Dialog Box

    View Sample

    Inserting Content Using Ajax

    View Sample

    Changing the Behavior of a Dialog Box with Effects

    View Sample
    Download ChapterDownload Chapter
    1 Token    5. Buttons
    View Sample

    Basic Principles of Buttons

    View Sample

    Formatting Content

    View Sample
    The button () Method
    View Sample

    The button (options) Method

    View Sample

    The button (“action”, params) Method

    View Sample

    Event Handling on Buttons with bind ()

    View Sample
    Radio Buttons
    View Sample

    Displaying Radio Buttons

    View Sample

    Improving the Display with buttonset ()

    View Sample
    Checkboxes
    View Sample

    Displaying Checkboxes

    View Sample

    Improving the Display with buttonset ()

    View Sample
    Examples of Using Buttons
    View Sample

    Displaying Icons in Buttons

    View Sample

    Creating a Calculator

    View Sample
    Download ChapterDownload Chapter
    1 Token    6. Progress Bars
    View Sample

    Basic Principles of Progress Bars

    View Sample

    Formatting Content

    View Sample
    The progressbar () Method
    View Sample

    The progressbar (options) Method

    View Sample

    The progressbar (“action”, params) Method

    View Sample

    Handling Events in Progress Bars with bind ()

    View Sample
    Examples of Using Progress Bars
    View Sample

    Incrementing a Progress Bar

    View Sample

    Performing Processing at Different Stages of Completion

    View Sample
    Download ChapterDownload Chapter
    1 Token    7. Sliders
    View Sample

    Basic Principles of Sliders

    View Sample

    Formatting Content

    View Sample
    The slider () Method
    View Sample

    The slider (options) Method

    View Sample

    The slider (“action”, params) Method

    View Sample

    Event Management on the Sliders with bind ()

    View Sample
    Examples of Using Sliders
    View Sample

    Displaying the Value of One Indicator

    View Sample

    Displaying the Values of Two Indicators

    View Sample

    Adjusting the Opacity of an Image Using a Slider

    View Sample
    Download ChapterDownload Chapter
    1 Token    8. Datepickers
    View Sample

    Basic Principles of Datepickers

    View Sample

    Formatting Content

    View Sample
    The datepicker () Method
    View Sample

    The datepicker (options) Method

    View Sample

    The datepicker (“action”, params) Method

    View Sample
    Examples of Using Datepickers
    View Sample

    Displaying a Calendar in Another Language

    View Sample

    Displaying Multiple Months in the Calendar

    View Sample

    Displaying a Static Calendar

    View Sample

    Indicating Minimum and Maximum Dates

    View Sample

    Preventing the Selection of Specific Dates

    View Sample

    Preselecting Any Date

    View Sample

    Performing an Ajax Request When Selecting a Date

    View Sample
    Download ChapterDownload Chapter
    1 Token    9. Autocompletion
    View Sample

    Basic Principles of Autocompletion

    View Sample

    Formatting Content

    View Sample
    The autocomplete () Method
    View Sample

    The autocomplete (options) Method

    View Sample

    The autocomplete (“action”, params) Method

    View Sample

    Event Management on the List of Suggestions with bind ()

    View Sample
    Examples of Using the Autocompletion Mechanism
    View Sample

    Specifying the Width of the List of Suggestions

    View Sample

    Displaying a List of Suggestions at the Opening of the HTML Page

    View Sample

    Displaying a List of Suggestions at the Entry of the Cursor in the Input Field

    View Sample

    Producing an Effect on the Appearance of the List of Suggestions

    View Sample

    Dynamically Creating a List of Suggestions

    View Sample

    Dynamically Creating a List of Suggestions Based on the Input Data

    View Sample

    Inserting Images in the List of Suggestions

    View Sample

    Download ChapterDownload Chapter
    1 Token    10. Drag-and-Drop

    View Sample
    The draggable () Method
    View Sample

    The draggable (options) Method

    View Sample

    The draggable (“action”, params) Method

    View Sample

    Event Management on the Moved Elements with bind ()

    View Sample
    Examples of Using Drag Functionality
    View Sample

    Carrying Out a Treatment When Moving

    View Sample

    Imposing Limits on Displacement

    View Sample

    Moving an Object by Duplicating

    View Sample
    The droppable () Method
    View Sample

    The droppable (options) Method

    View Sample

    The droppable (“action”, params) Method

    View Sample

    Event Management on the Elements of Deposit with bind ()

    View Sample
    Examples of Using the Drop Functionality: A Shopping Cart
    View Sample

    Creating a Shopping Cart with Drag-and-Drop

    View Sample

    Adding a Visual Effect to Shopping Cart Deposits

    View Sample

    Removing an Item from the Cart

    View Sample
    Download ChapterDownload Chapter
    1 Token    11. Selecting Items
    View Sample

    Basic Principles of Selecting Items

    View Sample

    Formatting Content

    View Sample
    The selectable () Method
    View Sample

    The selectable (options) Method

    View Sample

    The selectable (“action”, params) Method

    View Sample

    Event Management in the Selection with bind ()

    View Sample
    Examples of Using the Selection Mechanism
    View Sample

    Displaying the Order of the Events During the Selection

    View Sample

    Preventing the Selection of an Element

    View Sample

    Inhibiting Clicks to Select an Item

    View Sample

    Managing a Shopping Cart

    View Sample
    Download ChapterDownload Chapter
    1 Token    12. Permutation of Elements in the Page
    View Sample

    Basic Principles of Permutation of Elements

    View Sample

    Formatting Content

    View Sample
    The sortable () Method
    View Sample

    The sortable (options) Method

    View Sample

    The sortable (“action”, params) Method

    View Sample

    Event Management of the Permutation with bind ()

    View Sample
    Examples of Using the Permutation Mechanism
    View Sample

    Displaying the Order in Which Events Appear

    View Sample

    Dropping any Element in the List

    View Sample
    Download ChapterDownload Chapter
    1 Token    13. Resizing
    View Sample

    Basic Principles of Resizing

    View Sample

    Formatting Content

    View Sample
    The resizable () Method
    View Sample

    The resizable (options) Method

    View Sample

    The resizable (“action”, params) Method

    View Sample

    Handling Events when Resizing with bind ()

    View Sample
    Examples of Using the Resizing Mechanism
    View Sample

    Displaying Dimensions of the Element When Resizing

    View Sample

    Displaying the Position of the Element When Resizing

    View Sample

    Performing an Animation While Resizing

    View Sample

    Creating a Resizable Text Box

    View Sample

    Download ChapterDownload Chapter
    1 Token    14. Visual Effects in jQuery UI

    View Sample
    New Visual Effects
    View Sample

    The effect (effectName, options, duration, callback) Method

    View Sample

    The blind Effect

    View Sample

    The bounce Effect

    View Sample

    The shake Effect

    View Sample

    The clip Effect

    View Sample

    The drop Effect

    View Sample

    The explode Effect

    View Sample

    The fold Effect

    View Sample

    The highlight Effect

    View Sample

    The puff Effect

    View Sample

    The pulsate Effect

    View Sample

    The scale Effect

    View Sample

    The size Effect

    View Sample

    The slide Effect

    View Sample

    The show (), hide (), and toggle () Methods

    View Sample
    The animate () method Improved by jQuery UI
    View Sample

    CSS Properties for Managing Colors

    View Sample

    New Values for the easing Option

    View Sample
    Producing Effects with CSS Classes
    View Sample

    The addClass (), removeClass (), and toggleClass () Improved Methods

    View Sample

    The switchClass () Method

    View Sample

    Example of Using the toggleClass () Method

    View Sample

    About the Author

    Extras

    The publisher has provided additional content related to this title.


    Description
    Content

    Visit the catalog page for jQuery UI

    • Catalog Page

    Visit the errata page for jQuery UI

    • Errata