jQuery UI

Spis treści książki

• jQuery UI
• SPECIAL OFFER: Upgrade this ebook with OReilly
• 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
• 1. Introduction to jQuery UI
  • jQuery UI Installation
  • Overview of jQuery UI
  • What Is a CSS Theme?
  • Which Files Should We Include in Our HTML Pages?
    • Uncompressed Files
      • JavaScript files
      • CSS files
      • Sample HTML page including uncompressed files
    • Compressed Files
      • JavaScript files
      • CSS files
      • Sample HTML page including compressed files
  • Change the CSS Theme
  • And Now?
• 2. Tabs
  • Basic Principles of Tabs
  • Formatting Content
  • The tabs () Method
    • The tabs (options) Method
      • Tab appearance and behavior
      • Managing events associated with tabs
    • The tabs (action, params) Method
  • The bind () Method
  • Examples of Using Tabs
    • Dynamic Creation of Tabs
    • Modifying the Contents of a Tab Using Ajax
    • Transmitting the Information to the Server via Ajax
    • Using the Tabs add Method
    • Using the tabsadd Event
• 3. Accordion Menus
  • Basic Principles of Accordion Menus
  • Formatting Content
  • The accordion () Method
    • The accordion (options) Method
      • Options for managing accordion menus
      • Managing the height of the menu contents
      • Managing events related to menus
    • The accordion (action, params) Method
  • Event Management in Accordion Menus with bind ()
  • Examples of Using Accordion Menus
    • Opening Any Menu
    • Loading the Contents of a Menu with Ajax: Using options
    • Loading the contents of a menu with Ajax: Using accordionchange
• 4. Dialog Boxes
  • Basic Principles of Dialog Boxes
  • Formatting Content
  • The dialog () Method
    • The dialog (options) Method
      • Managing the visual effects on the dialog box
      • Managing the behavior of the dialog box
      • Managing events in the dialog box
    • The dialog (action, params) Method
  • Event Handling in Dialog Boxes with bind ()
  • Examples of Using Dialog Boxes
    • Opening and Closing a Dialog Box
    • Applying an Effect When Opening or Closing the Dialog Box
    • Verifying the Closure of the Dialog Box
    • Hiding the Close Button
    • Inserting Buttons in the Dialog Box
    • Inserting Content Using Ajax
    • Changing the Behavior of a Dialog Box with Effects
• 5. Buttons
  • Basic Principles of Buttons
  • Formatting Content
  • The button () Method
    • The button (options) Method
    • The button (action, params) Method
  • Event Handling on Buttons with bind ()
  • Radio Buttons
    • Displaying Radio Buttons
    • Improving the Display with buttonset ()
  • Checkboxes
    • Displaying Checkboxes
    • Improving the Display with buttonset ()
  • Examples of Using Buttons
    • Displaying Icons in Buttons
    • Creating a Calculator
      • Basic program
      • Improving the program
• 6. Progress Bars
  • Basic Principles of Progress Bars
  • Formatting Content
  • The progressbar () Method
    • The progressbar (options) Method
    • The progressbar (action, params) Method
  • Handling Events in Progress Bars with bind ()
  • Examples of Using Progress Bars
    • Incrementing a Progress Bar
    • Performing Processing at Different Stages of Completion
• 7. Sliders
  • Basic Principles of Sliders
  • Formatting Content
  • The slider () Method
    • The slider (options) Method
      • Managing the appearance and behavior of sliders
      • Managing the values of cursors
      • Managing events on the slider
    • The slider (action, params) Method
  • Event Management on the Sliders with bind ()
  • Examples of Using Sliders
    • Displaying the Value of One Indicator
    • Displaying the Values of Two Indicators
    • Adjusting the Opacity of an Image Using a Slider
• 8. Datepickers
  • Basic Principles of Datepickers
  • Formatting Content
  • The datepicker () Method
    • The datepicker (options) Method
      • Managing the appearance and visual effects associated with the calendar
      • Internationalization options
      • Managing date selection
      • Managing events on the calendar
    • The datepicker (action, params) Method
  • Examples of Using Datepickers
    • Displaying a Calendar in Another Language
    • Displaying Multiple Months in the Calendar
    • Displaying a Static Calendar
    • Indicating Minimum and Maximum Dates
    • Preventing the Selection of Specific Dates
    • Preselecting Any Date
      • Using options.defaultDate
      • Using datepicker (setDate, date)
      • Special case of dates in foreign formats
    • Performing an Ajax Request When Selecting a Date
• 9. Autocompletion
  • Basic Principles of Autocompletion
  • Formatting Content
  • The autocomplete () Method
    • The autocomplete (options) Method
      • Managing autocompletion
      • Managing events in the list of suggestions
    • The autocomplete (action, params) Method
  • Event Management on the List of Suggestions with bind ()
  • Examples of Using the Autocompletion Mechanism
    • Specifying the Width of the List of Suggestions
    • Displaying a List of Suggestions at the Opening of the HTML Page
    • Displaying a List of Suggestions at the Entry of the Cursor in the Input Field
    • Producing an Effect on the Appearance of the List of Suggestions
    • Dynamically Creating a List of Suggestions
    • Dynamically Creating a List of Suggestions Based on the Input Data
    • Inserting Images in the List of Suggestions
• 10. Drag-and-Drop
  • The draggable () Method
    • The draggable (options) Method
      • Specifying the movable elements
      • Managing element movement
      • Managing the effect at the end of displacement
      • Managing displacement constraints
      • Managing window scroll
      • Managing movable element events
    • The draggable (action, params) Method
  • Event Management on the Moved Elements with bind ()
  • Examples of Using Drag Functionality
    • Carrying Out a Treatment When Moving
    • Imposing Limits on Displacement
      • Constraining the displacement to a given space
      • Constraining the displacement horizontally or vertically
    • Moving an Object by Duplicating
  • The droppable () Method
    • The droppable (options) Method
      • Managing the behavior of the elements of deposit
      • Indicating which elements can be dropped
      • Managing the appearance of elements of deposit
      • Managing events on the elements of deposit
    • The droppable (action, params) Method
  • Event Management on the Elements of Deposit with bind ()
  • Examples of Using the Drop Functionality: A Shopping Cart
    • Creating a Shopping Cart with Drag-and-Drop
    • Adding a Visual Effect to Shopping Cart Deposits
    • Removing an Item from the Cart
• 11. Selecting Items
  • Basic Principles of Selecting Items
  • Formatting Content
  • The selectable () Method
    • The selectable (options) Method
      • Managing selected items
      • Managing events on selected items
    • The selectable (action, params) Method
  • Event Management in the Selection with bind ()
  • Examples of Using the Selection Mechanism
    • Displaying the Order of the Events During the Selection
    • Preventing the Selection of an Element
    • Inhibiting Clicks to Select an Item
    • Managing a Shopping Cart
• 12. Permutation of Elements in the Page
  • Basic Principles of Permutation of Elements
  • Formatting Content
  • The sortable () Method
    • The sortable (options) Method
      • Specifying and managing the movable elements
      • Specifying and managing swappable elements
      • Managing empty spaces
      • Managing effects at the end of displacement
      • Managing displacement constraints
      • Managing window scrolling
      • Managing events on swappable elements
    • The sortable (action, params) Method
  • Event Management of the Permutation with bind ()
  • Examples of Using the Permutation Mechanism
    • Displaying the Order in Which Events Appear
      • When swapping in one list
      • When switching between two lists
    • Dropping any Element in the List
      • Inserting images into a list of titles
      • Adding a visual treatment
• 13. Resizing
  • Basic Principles of Resizing
  • Formatting Content
  • The resizable () Method
    • The resizable (options) Method
      • Managing resizable elements
      • Managing resizing effects
      • Managing events on resized elements
    • The resizable (action, params) Method
  • Handling Events when Resizing with bind ()
  • Examples of Using the Resizing Mechanism
    • Displaying Dimensions of the Element When Resizing
    • Displaying the Position of the Element When Resizing
    • Performing an Animation While Resizing
    • Creating a Resizable Text Box
      • Input on a single line
      • Multi-line input
• 14. Visual Effects in jQuery UI
  • New Visual Effects
    • The effect (effectName, options, duration, callback) Method
    • The blind Effect
    • The bounce Effect
    • The shake Effect
    • The clip Effect
    • The drop Effect
    • The explode Effect
    • The fold Effect
    • The highlight Effect
    • The puff Effect
    • The pulsate Effect
    • The scale Effect
    • The size Effect
    • The slide Effect
  • The show (), hide (), and toggle () Methods
  • The animate () method Improved by jQuery UI
    • CSS Properties for Managing Colors
    • New Values for the easing Option
  • Producing Effects with CSS Classes
    • The addClass (), removeClass (), and toggleClass () Improved Methods
    • The switchClass () Method
    • Example of Using the toggleClass () Method
• About the Author
• SPECIAL OFFER: Upgrade this ebook with OReilly

pokaż cały spis treści

ukryj recenzje