Showing posts with label jquery-ui. Show all posts
Showing posts with label jquery-ui. Show all posts

March 29, 2014

jQuery UI Datepicker for jQuery Mobile

Can you guess which datepicker is this?

jQuery UI Datepicker for Mobile

It is the jQuery UI datepicker tweaked for jQuery Mobile!

December 2, 2013

5 jQuery UI Autocomplete Examples

The jQuery UI Autocomplete widget enables users to quickly find and select from a list of values as they type. If you find the jQuery UI Autocomplete demos and documentation too daunting, here are some examples with explanation to get you started.

  1. Using Label-Value Pairs
  2. Add CSS Class to the Dropdown
  3. Load Data via AJAX
  4. Highlight Matched Text
  5. Custom HTML in Dropdown

May 1, 2013

5 jQuery UI Dialog Examples

The jQuery UI library provides effects, utilities, and themeable widgets that can add interactivity to your webpage. The Dialog widget is a part of jQuery UI; it allows you to display content inside a floating window which has a title bar, content area, button bar, drag handle and close button; and it can be moved, resized and closed. The following examples demonstrate some advance uses of the dialog widget.

  1. Modal Dialog with Buttons
  2. Open Dialog on Click
  3. Hide the Close Button/Title Bar
  4. Change Dialog Position
  5. Load Content via AJAX
  6. Size to Fit Content

January 20, 2013

5 jQuery UI Datepicker Examples

The jQuery UI library provides effects, utilities, and themeable widgets that can add interactivity to your webpage. The Datepicker widget is a part of jQuery UI; it allows you to select a date from a popup/inline calendar. The following examples demonstrate some advance uses of the datepicker widget.

  1. Parse and Format Dates
  2. Set Date on Page Load
  3. Disable Specific Dates
  4. Style (or Highlight) Specific Dates
  5. Internationalization and Localization
  6. Update Datepicker Using AJAX
  7. Using Datepicker to Select Date Range