Sleek time picker plugin using jQuery

Check out this sleek & neat time picker plugin for jQuery.

Time Picker using jQuery

Time Picker using jQuery

Resource: Sample | Tutorial

Simple browser detector plugin for jQuery

The jQuery Browser Plugin is an addon for jQuery that makes it easy to uniquely identify your visitors’ browsers. It gives you an object in javascript that contains all of the information about the browser being used. It also adds CSS browser selectors, which means you can style elements or write functions for specific browsers, browser versions, layouts, layout versions, and even operating systems. Image of the jQuery Browser Plugin in action.

Browser detector using jQuery

Browser detector using jQuery

Resource: Sample | Tutorial

Scale images to max-width on browser using jQuery

jQuery maxImage plugin will resize and scale targeted images to their max width according to the image ratio, the browser size and some simple options. Change the size of your browser to see it’s effect.

Scale images to max width using jQuery

Scale images to max width using jQuery

Resource: Sample| Tutorial

Crop image using jQuery

The crop plugin takes an IMG element and crops them to the dimensions given. The result is a DIV with a background image with the height and width and an offset. The new DIV should also carry across the existing style attributes of the image.

Crops image to dimensions given. If only width (and height), x and y are selected randomly based on the image’s height and width.

Crop Image using jQuery

Crop Image using jQuery

Resource: Sample | Tutorial

Create custom corners using jQuery

Cornerz is a bullet proof curved corners plug-in for jQuery using Canvas/VML. Features inclue
* Anti-aliased curves.
* Fast – no excanvas.
* Support for any size radius and border width with minimal performance increase.

Custom corner using jQuery

Custom corner using jQuery

Resource: Sample | Tutorial

Add Auto-Complete feature to your inputbox using jQuery

Autocomplete an input field to enable users quickly finding and selecting some value, leveraging searching and filtering. By giving an autocompleted field focus or entering something into it, the plugin starts searching for matching entries and displays a list of values to choose from. By entering more characters, the user can filter down the list to better matches.

This can be used to enter previous selected values, eg. for tags, to complete an address, eg. enter a city name and get the zip code, or maybe enter email addresses from an addressbook.

Both local and remote data can be used: Local is good for small datasets (like an addressbook with 50 entries), remote is necessary for big datasets, like a database with hundreds or millions of entries to select from.

Auto Complete using jQuery

Auto Complete using jQuery

Resource: Sample | Tutorial

Apple.com style search suggestion using jQuery

Create a fancy apple.com-style search suggestion using jQuery/CSS/PHP. This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request.

Apple.com style search suggestion using jQuery

Apple.com style search suggestion using jQuery

Resource: Sample | Tutorial

Convert contents of CSV file upload to table using jQuery

CSVtoTable plugin loads a CSV file and converts the content of the CSV file into a table on page. You can also generate charts/sortable columns & much more table editable options using this plugin.

CSV to Table using jQuery

CSV to Table using jQuery

Resource: Sample | Tutorial

Fixed table header plugin using jQuery & ASP.net

Fixed Table Header is fixing header row of table without div overflow. It is fix header row of table when scroll down the page. You can use fixedtableheader plugin with ASP.NET DataGrid or GridView.

Fixed table header using jQuery

Fixed table header using jQuery

Resource: Sample | Tutorial

Resizable Text Area using jQuery

Create a resizable text area on your webpage using this plugin. This plugin removes the ugly scrollbar from textarea & pretty handy in creating a neat UI while allowing users to extend the textarea & paste as much content as required.

Resizable textarea using jQuery

Resizable textarea using jQuery

Resource: Sample | Tutorial

Get Adobe Flash playerPlugin by wpburn.com wordpress themes