Crop image using jQuery
Mar 9th
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
Accessible Slider with Select element using jQuery
Mar 9th
This plugin allows jQuery UI Slider plugin to be generated using progressive enhancement. The plugin scrapes the data from a select element and generates a jQuery UI Slider in its place, acting as a proxy to the select element (regardless of whether it is still visible, or hidden from the user). This means you can use the jQuery Slider plugin alongside other input elements in a form and submit or serialize the form as if the slider is not even there. This also allows the slider to work with our without javascript since the select element can be used if the slider is unavailable.
Accessible Slider using jQuery
Add Auto-Complete feature to your inputbox using jQuery
Mar 6th
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
Apple.com style search suggestion using jQuery
Mar 6th
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
Resizable Text Area using jQuery
Mar 4th
Creating A Draggable Sitemap using jQuery
Mar 4th
Create a simple & easy use draggable sitemap using jQuery for your website. This tutorial can be used to understand the basics of implementing a drag/drop feature using jQuery & also to extend it beyond Sitemap & use it in your web applications.
Draggable Sitemap using jQuery
Zoom like effects for Tabs using jQuery
Mar 2nd
Display Tabs only when a user mouse-overs the image. There’s three things that are happening in this effect:
1. When you roll over the image, it zooms out slightly to reveal more of the image.
2. The navigation slides in to view from the bottom of the box, and mousing over the link will trigger showing a different image.
3. The images automatically change with a swipe effect.
Zoom Tabs using jQuery
Subscribe to RSS Feed