jQuery: The Write Less, Do More JavaScript Library

Home › Downloads

Plugins:

Filter by Project release API compatibility:
Login or register to modify the filter.

Accessible

Last changed: 19 weeks 5 days ago

What is this ?

  • This plugin aims to be a collection of snippets that improve accessibility for websites.
  • It also includes a set of "recommendations" coded as tests to improve accessibilty (even beyond javascript).
  • These recommendations can be tested against a page, and get a summary of the results.

How to use it ?

  • First add a call to jquery.js (duh!).
  • Add jquery.accessible.js. This contains the engine for rules/fixes and a set of predefined ones.
  • Right after this, you are ready to run the fixes by calling jQuery.accessible(). You can pass in a hash to specify, with the id and true or false, which ones to run.
    IMPORTANT: don't call this function inside document.ready, call it right away instead.

If you want to run the tests in your page:

  • Add jquery.accessible.validator.js after jquery.accessible.js.
VersionDateLinks
0.1.0-dev2007-Dec-27

akeditable in place editor

Last changed: 6 weeks 3 days ago

This plugin is based on jEditable, and provides a way to create editable area on clicking links etc. It provides save and cancel button instead of ENTER key to save the content.

you can check for details at http://amiworks.co.in/talk/akeditable-jquery-inplace-editor/

VersionDateLinks
1.0.02008-Mar-29

akModal: simplest alternative to thickbox

Last changed: 4 weeks 12 hours ago

akModal is the simplest way to achieve the modal dialog box or pop up box for simple purposes like showing signin box etc.

You will find it very useful when you need a lightbox kind of plugin that you can control, and customize for you requirements.

More information is at akModal article

VersionDateLinks
1.0.02008-Apr-15

Auto Growing Textareas

Last changed: 7 weeks 6 days ago

This plugin makes it easy to have auto-growing textareas. Meaning, if you have a textarea, as the user types it will expand vertically to accommodate the size of the entry. This was inspired by Facebook's auto-expanding text areas.

To make a textarea autogrow, simply do this

$('textarea').autogrow();
$('textarea.classname').autogrow();
etc...

VersionDateLinks
1.2.12008-Feb-13
1.2.22008-Mar-19

Autocomplete

Last changed: 2 weeks 2 days ago

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.

Support

VersionDateLinks
1.0.02008-Apr-27

Automatic Date Completion

Last changed: 23 weeks 5 days ago

For use in an <input type="text" /> field. It lets the user only type in 10 and the input will be transformed into 2007-12-10.

Only typing a number will get the month and year. It presumes it's in the future, so if you type 10 on the eleventh of November, it will return December (2007-12-10 that is).

Works great with the jQuery UI Datepicker

One way of use

$("input").blur(function () {
var value = $(this).val();

$(this).dateCompletion(value);
}
});

VersionDateLinks
0.9.12007-Nov-29

Calculation Plug-in

Last changed: 9 weeks 1 day ago

The Calculation plug-in is designed to give easy-to-use jQuery functions for commonly used mathematical functions.

This plug-in will work on all types of HTML elements—which means you can use it to calculate values in elements or in elements. You can even mix and match between element types.

Numbers are parsed from the element using parseNumber() method—which uses a regular expression (/\d+(,\d{3})*(\.\d{1,})?/g) to parse out the numeric value. You can change the regular expression that's used to determine what's consider a number by changing the default regular expression.

Syntax Examples

  • $("input[@name^='price']").parseNumber();
    This would return an array of potential number for every match in the selector
  • $("input[@name^='sum']").sum();
    Returns the sum of all the input objects that start with a name attribute of "sum". This breaks the jQuery chain.
VersionDateLinks
0.4-beta2008-Mar-10

Checkbox Manipulation

Last changed: 13 weeks 1 hour ago

Toggle, check or uncheck checkboxes. Also make them behave like radio buttons.
Includes:

  • toggleCheckboxes
  • checkCheckboxes
  • unCheckCheckboxes
  • radioCheckboxGroup
VersionDateLinks
2.0.1-mit/gpl2008-Feb-12

Checkbox ShiftClick

Last changed: 11 weeks 2 days ago

ShiftClick allows you to select multiple checkboxes by clicking to set an 'anchor' and shift-clicking to select or deselect all of the checkboxes in between.

VersionDateLinks
1.02008-Feb-24

Checkbox toggler

Simple checkbox toggling by onMouseOver. Proof Of Concept by Snook.ca

VersionDateLinks
1.0.02008-Feb-09

CheckboxGroup

Last changed: 3 weeks 3 days ago

Provide "select all" checkbox functionality to a group of checkboxes. The select all checkbox stays in sync with the group so it is appropriately checked when it needs to be.

Example:

$('#checkall').checkgroup({groupName:'group'});

Also can have multiple select all boxes to one group - for instance one on top of the group and one on bottom:

$('.checkall').checkgroup({groupSelector:'.groupclass',enabledOnly:true});

The HTML would look like this:

<input type='checkbox' class='checkall'>checkall<br>
<input class='groupclass' name='group' type='checkbox'>chk1<br>
<input class='groupclass' name='group' type='checkbox'>chk2<br>
<input class='groupclass' name='group' type='checkbox'>chk3<br>
<input class='groupclass' name='group' type='checkbox'>chk4<br>
<input type='checkbox' class='checkall'>

VersionDateLinks
1.12008-Apr-19

ClockPick, a Time Picker

Last changed: 3 weeks 2 days ago

ClockPick is a timepicker plugin, enabling users to enter a time value into a form field. Using a unique popup div UI, ClockPick gets the job done in about 1/5 the time it takes to enter a time value using a traditional select menu UI.

VersionDateLinks
1.2.32008-Apr-20

Codepress Plugin

Last changed: 11 weeks 6 days ago

  • Tested and works on Firefox2, IE7 and IE6 (all in WinXP SP2).
    Codepress is not supported on Opera/Safari (or is it?), but form submission still works.
  • The same principle can be applied to TinyMCE, FCKEditor and any other rich-text editors.
    Any input regarding other rich-text editors is welcome.
  • The plugin will intercept known methods and install itself against related plugins
    (currently only the jQuery Form Plugin).
    Any input regarding integrating this plugin with other jQuery plugins is welcome.
VersionDateLinks
0.1.02007-Jun-30

ComboSelect

Last changed: 2 weeks 5 days ago

Transforms a single select element into a pair of multi-selects with controls to move items left to right and vice versa. Keeps items sorted alphabetically in both lists (if desired). Selected items are submitted by the original form element. Double-clicking moves an item from one side to the other.

Requires the jQuery Selso plugin:
http://plugins.jquery.com/project/selso

Usage: $('#myselect').comboselect({
// which sides to sort
sort: [string,'none'|'left'|'right'|default:'both'],

// label for the "add" button
addbtn: [string,default:' > '],

// label for the "remove" button
rembtn: [string,default:' < ']
});

VersionDateLinks
1.0.02008-Apr-24

Date Input

Last changed: 12 weeks 1 day ago

Date Input is a no frills date picker plugin for jQuery. It is:

  • Small (about 250 lines of code)
  • Fast
  • Pretty by default
VersionDateLinks
1.1.22008-Feb-07
1.1.32008-Feb-18

datePicker

Last changed: 28 weeks 5 days ago

The datePicker plugin is a popup calendar widget and then some. It allows you to add popup calendars to your forms to make it easier for users of your website to enter dates.

v2 of the date picker is a complete rewrite with the aim of being as extensible as possible. It is completely localisable and can be used in a myriad of different ways.

Please look through the selection of demos to see all the different ways the date picker can be used.

v2 is the recommended version of the plugin although v1 is still available for legacy support.

VersionDateLinks
1.02007-Jun-20
2.0.0-Beta2007-Jun-20
2.1.12007-Oct-25

Default Value

A simple user enhancement for your HTML forms

Default value plug-in has been developed as a progressive enhancement for input and textfield elements. Allowing an initial value to appear within the form element, acting as a prompt for the user. This value is removed upon element focus and returned (on blur) if an alternate value has not been entered the user.

VersionDateLinks
1.02008-Apr-19

dxCombobox

Last changed: 2 weeks 4 days ago

What it is?

dxCombobox is a jQuery plugin that allows you to transform any < select > element into an editable combobox.

Pressing any alphanumeric key will transform select box into editable state by creating a text box element. An case insensitive search is performed on the corresponding of the select box, one the users starts to type in this box. When user goes out of the box (on blur/return), if a direct match is found in the < option > then it is selected else a new option is created with the entered text.

Syntax

$(element).dxCombobox();

VersionDateLinks
1.0.12008-Apr-16
1.12008-Apr-18

FCKEditor Plugin

Last changed: 11 weeks 2 days ago

  • Tested and works on Firefox2, IE7 and IE6 (all in WinXP SP2).
    FCKEditor is not supported on Opera/Safari (or is it?), but form submission still works.
  • The same principle can be applied to TinyMCE, Codepress and any other rich-text editors.
    Any input regarding other rich-text editors is welcome.
  • The plugin will intercept known methods and install itself against related plugins
    (currently only the jQuery Form Plugin).
    Any input regarding integrating this plugin with other jQuery plugins is welcome.
VersionDateLinks
0.1.02007-Jun-30
1.1.02008-Jan-12

Field Plug-in

Last changed: 11 weeks 1 day ago

This plugin greatly expands the ability to retrieve and set values in forms beyond jQuery's standard val() method (and Mike Alsup's Form Plug-in's fieldArray() method) by allowing you to interact with all types of form field elements (except input[@type="file"], which is a read-only element.) It works the same way for text elements as it does for radio, checkbox and select elements.

The plug-in was built on the concept that you want to manipulate the fields like their traditional variables. Selectors should be written to query a specific field object (i.e. elements that would be linked together via a common name attribute, for example $("input[@name='myRadioButton']").)

Elements that return multiple values are either separated by a comma or returned as an array based on which methods you invoke.

VersionDateLinks
0.9.12008-Feb-25
0.82008-Feb-20

fieldSelection

Last changed: 17 weeks 6 days ago

Retrieve the caret (text cursor) position from textareas and input fields as well as the actual selection and its index boundaries. Replacing the selection string is also supported. Unfortunately special treatment for such a simple thing is needed, because MSIE doesn't support the easy DOM 3.0 methods.

VersionDateLinks
0.1.02008-Jan-09

Fingerprint

Last changed: 3 weeks 4 days ago

By monitoring your key strokes, jquery.fingerprint.js records time stamps of every time a key goes up and down. These values are then automatically injected into the login form, and sent to the server along with the username and password.

VersionDateLinks
1.0.12008-Apr-17

FloatNumber format

A FloatNumber format plugin that converts a simple integer number into float number with a defined number of decimal digits.

Usage:

$(function(){
// using numeric mask by Sam Collett (http://www.texotela.co.uk)
$(".numeric").numeric(",");
// floatnumber(separator, precision); (http://www.tuliofaria.net/jquery-floatnumber/)
$(".numeric").floatnumber(",",2);
});

Where .numeric is any input text with numeric class

VersionDateLinks
2007-Dec-27

Fluid Typing

Last changed: 32 weeks 7 hours ago

A plugin that allows multiple input elements to be treated as one when typing. For example, if you have social security number split among three input elements, this plugin would allow the user to click in the first element and type the full social security number. The cursor will automatically move forward when an element is full (based on the element's maxlength) and will automatically move backward if the current element is empty and the user presses the backspace key.

VersionDateLinks
1.0.02007-Oct-02

Focus Fields

Last changed: 47 weeks 16 hours ago

Add an outline and background to text inputs when they are given focus.

VersionDateLinks
1.02007-Jun-19

Form Drop Down INTO Div Menu

Last changed: 6 days 6 hours ago

jQuery plugin by www.Mukuru.com in order to convert html form drop down into div menu. So even without javascript enabled in the browser or having no css support, the html form drop down will work perfectly. fdd2div() will just convert it into stylish div drop down with a single line: $("#form_wrapper").fdd2div(); which will convert a form wrapped inside a div with id 'form_wrapper' into a div drop down menu.
demo at: http://source.polaris-digital.com/fdd2div/

VersionDateLinks
1.0.02008-May-07

Form Input Example Plugin

Last changed: 5 weeks 4 days ago

Populate form inputs with example text that disappears on focus.

VersionDateLinks
1.3.32008-Apr-04
1.2.12008-Feb-20

Form Plugin

Full AJAX form support, including file upload capabilities. The primary methods for managing your form are ajaxForm and ajaxSubmit. Other methods include:
- formToArray
- formSerialize
- fieldSerialize
- fieldValue
- clearForm
- clearFields
- resetForm

Please use the jQuery Google Group for support questions.

VersionDateLinks
2.022007-Dec-30

Form Reset

Last changed: 7 weeks 2 days ago

This plugin allows you to reset a form, or collection of forms, by calling reset().

You can pass the function one of the following:

  • A form or collection of forms
  • A child of a form
  • A container that has a form or forms, including the entire page

It works by appending a hidden <input type="reset" /> to each form and clicking it. This utilizes the default reset behavior of the browser, allowing for a consistent user experience.

VersionDateLinks
1.0.02008-Mar-23

Impromptu

Impromptu is an extension to help provide a more pleasant way to spontaneously prompt a user for input. No more alert(), prompt(), and confirm(). Easily customizable with CSS and options to add multiple buttons tailoring Impromptu to your exact need. No more prompting with "Ok" and "Cancel", now you can say "Please Do", "Not Now", "Never".

VersionDateLinks
1.02007-Sep-10

Input Floating Hint Box

Last changed: 2 weeks 1 day ago

Provide an automatic box hint in the right side of an input, hint box appear when focus on that input, and disappear when focus go to another element (blur).

The source(@source) of the text can be an attribute (title for example), or a pure html.
Attribute can contain escaped html, example: title="This will be &lt;b&gt;Bold&lt;/b&gt;"

All hints can use one div element(@div option) with your custom design, also if need, you can make only one subelement(@div_sub) of @div context to change (in case you don't want the plugin to overwrite everything inside the @div element).

You can provide only the @className, and for each input a separate <div> element will be created automatically with @className as class.

If user click on the box to select some text (for copy/paste for example), box will not disappear.

If you need to make the box appear in more left, use incrementLeft, same for top - incrementTop, you can use - sign if you want to decrement.

VersionDateLinks
1.12008-Apr-28
1.1-beta-12008-Apr-28

Input Hints

Last changed: 7 weeks 3 days ago

Uses the title attribute of the input element to hint as to what the input field is for.

When the element is in focus, it's removed. If it's left blank it will place the hint back in.

Also applies a 'blurred' class via the only parameter, otherwise defaulting to 'blur'.

Finally, it will remove the text if the form is submitted and has been left blank.

Note that this plugin also gets around the autocomplete feature in Firefox.

VersionDateLinks
12008-Mar-22

Input Placeholder

Last changed: 6 weeks 5 days ago

This plugin extends the jQuery() class with .placehold() method, which is effective for text inputs and treats the default value those inputs have in HTML markup as a placehold value.

When user focuses an input field, its placehold value has to be cleared out, but it returns back, if user leaves the field having put nothing in there. Additionally, my method can add a specified class to active and inactive fields separately, enabling you to style and access placeholded and active inputs.

Please, remember to validate the form on submit, additionally checking fields for containing a placeholder, because placeholder strings are obviously treated as normal input values by UAs. If a user submits such form, it might even appear valid on the server side, filling your DB with bogus data

VersionDateLinks
0.9.0-minified2008-Mar-27
0.9.02008-Mar-27

jFrame : Complex ajax without JavaScript

Last changed: 2 weeks 5 hours ago

jFrame provides an easy way to get an HTML frame-like behaviour on DIV Elements with a src attribute.
With jFrame, you can build smart, complex modern, internet apps without leaving the main page, without a single line of JavaScript !

VersionDateLinks
1.1012008-Apr-29
1.672007-Sep-06
1.402007-Sep-24

jGrow

Last changed: 10 weeks 4 hours ago

jGrow is a jQuery plug-in that makes the textarea adjust its size according to the length of the text.

VersionDateLinks
0.22008-Mar-04

jNice, styled forms

Last changed: 3 weeks 5 days ago

Create custom looking form elements, that function like normal form elements

VersionDateLinks
0.2.2-beta2008-Apr-17

jQuery AlphaNumeric

Last changed: 37 weeks 2 hours ago

Did you ever found a need where you want to prevent your user from entering certain characters?

Looking at the plugins available at jQuery, i found a great plugin by Sam Collet called Numeric.

But it was too limited, what if I'm asking the user to create a username? or to enter a number with decimals or an IP Address? There is another great plugin called Masked Input by Josh Bush, which can also control user input by defining a mask. but the problem was the length of text to be input must be defined as well. Again, what if I needed to control input of a username? I can't tell how many characters the user will be using, and I can't force him to use just 8 characters ,so I created AlphaNumeric.

jQuery AlphaNumeric is a javascript control plugin that allows you to limit what characters a user can enter on textboxes or textareas. Have fun.

VersionDateLinks
0.1.12007-Aug-28

jQuery AutoComplete

Last changed: 17 weeks 6 days ago

A small and simple yet robust form input autocomplete plugin. Uses either preloaded or Ajax request driven JSON data with options for formatting the list items and returned input value and custom events called when selecting an item or canceling the autocomplete box.

VersionDateLinks
1.0.12008-Jan-08

jQuery checkbox

Last changed: 16 weeks 4 days ago

A replacement for the standard checkbox that allows you to change the look of checkbox elements in your page.


This simple line of code will change all checkboxes on the page:

  $('input[type=checkbox]').checkbox();


Plugin has following configuration options:
cls: checkbox wrapper class (default: jquery-checkbox)
empty: path/filename of "empty"(1x1 transparent) image (default: empty.png)
Example:

$('input[type=checkbox]').checkbox({
  cls:'jquery-safari-checkbox',
  empty: 'http://www.yoursite.com/images/empty.gif'
});

VersionDateLinks
0.9.4-Pre-Release2008-Jan-17
1.0.02008-Jan-18

jquery combobox

Last changed: 38 weeks 17 hours ago

an unobtrusive replacement for the standard combobox that allows the developer/designer to style the control and the option list as well.

easy to setup, default style does not require CSS classes, animated drop-down and it still works with Forms without requiring code changes.

VersionDateLinks
0.1.2-alpha2007-Aug-21

jQuery Editable Combobox

Last changed: 4 weeks 1 day ago

What is it?

jQuery Editable Combobox is a jQuery function that allows you to transform any <select> tag into editable combobox.
This is done by adding a new <option> element to carry the value entered by the keyboard. This will only work on select elements. Any other elements this function will be applied to will be ignored.

VersionDateLinks
0.2.22008-Apr-14
0.2.2-min2008-Apr-14

jQuery Form Observe

Last changed: 4 days 11 hours ago

Overview

This plugin observes values of form elements.

When end-user changes any values of input elements, observer shows which values were changed. And observer also alerts to users when they try to move out from the page before submitting changes.
Usage

You can add FormObserve plugin onto any form element.

$(document).ready(function(){
  $('#MyForm').FormObserve();
});

<form id="MyForm">
  <input type="text" value="here's default value" />
  <input type="submit" value="save" />
</form>

If you want to show users the changes, you can add the definition of class 'changed'.

<style>
.changed {
  background-color: red;
}
</style>

After changes have been completed (might be 'onsubmit', 'ajax complete' and so on), you should call FormObserve_save() method.

$('#MyForm').submit(function(){
  if(validation=='ok'){
    $(this).FormObserve_save();
  }
});

Options

VersionDateLinks
1.1.0-rc2008-May-09

jQuery plugin for autocomplete

Last changed: 8 weeks 6 days ago

This plugin allows to add autocomplete functionality to HTML text fields.

All that one need is last jQuery code, this plugin and few CSS rules.

Features:

  • Simple configuration and using
  • AJAX and local data models
  • Scrollable suggests list
  • Multiple suggests support
  • Tested on all popular browsers
  • bdIframe support

Ideas taken from Timothy Groves's Ajax Auto Suggest.

VersionDateLinks
1.4.2-stable2008-Mar-12

jquery-form

Last changed: 7 weeks 5 days ago

jquery-form provides on-the-fly form generation with declarative syntax, and good default semantic. At this moment, its usage looks like this:

$("#form1").form({
    legend: "Quiz #4",
    params: {
        "Title": "What's the answer ?",
        "your_answer": {
            label: "Your Answer",
            value: "42"
        }
    }
})
.find(":submit").val("Save").end()
.submit(function() {
    $("#message").html("You just submit that form");
    setTimeout(function() { $("#message").empty(); }, 5000);
    return false;
});

VersionDateLinks
0.202008-Mar-20

jQuery.autocomplete

Last changed: 7 weeks 9 hours ago

jQuery.autocomplete its my vision of how autocomplete must look like.

To create this plugin i used qjuery.suggest (http://plugins.jquery.com/project/suggest) as a sample.

Advantages:

      page work the same with and without plugin (no new element created)
      creation list from ajax, <select/>, array ([]), object ({})
      additional button for hide/show list
      works the same in Firefox, IE 6&7, Opera 9
      can use bgiframe if installed

Disadvantages:

      work only with jQuery 1.2 or higher
VersionDateLinks
1.1.22008-May-02

jquery.suggest, a "Google Suggest"-like autocompleter

Last changed: 36 weeks 4 days ago

jquery.suggest is my attempt at a jQuery autocompleter that functions much like Google Suggest (http://www.google.com/webhp?complete=1&hl=en). I used code and techniques from two popular jQuery autocompleters:

Here are the unique features:

  • Smart cache system that takes a maximum cache size in bytes and uses MRU list to discard items. Oh, and the caching works correcly.
  • Doesn’t assume that you have to choose an item from the drop down list. If an item is selected and you hit enter or tab, that item is copied to the element. Otherwise, hitting enter or tab works just like a normal element.
  • Event handler for selecting a drop down item.
  • Works the same in Firefox, Safari, IE 6&7.
VersionDateLinks
1.12007-Aug-31

jQuery.YAV

Last changed: 28 weeks 6 days ago

jQuery.YAV is a new plugin for to integrate YAV form validation with jQuery, making the form validation more easy, accessible, usable and W3C standard. Now you can validate forms with a more easy form, and if you like, you can get all the power of the custom and extended setting of this plugin, setting more complex validations. jQuery.YAV add also, a little bug repair for YAV library for multiple values in class attribute and not requires yav-config.js file.
Some of features of jQuery.YAV:

  • Show errors in fields
  • Simple pre-defined and custom rules setting using class names
  • Relations between fields (and, or and implies rules)
  • Field validation on event list (change, blur, or any valid event)
  • Custom visualization of the errors
  • Functions onError and onOk for post-validation code and AJAX submittions

author: Jose Francisco Rives Lirola (SeViR)

VersionDateLinks
1.1.12007-Sep-14
1.1.02007-Aug-31
1.2.02007-Oct-24

jSelectDate

Last changed: 15 weeks 5 days ago

jSelectDate is a simple drop-down list date select of jQuery plugin .
It is different from previous choice of the date of control, it is embodied in the way the drop-down list, this may facilitate a better user experience.

VersionDateLinks
0.22008-Jan-24

jTagging

Last changed: 30 weeks 5 days ago

This is a lightweight jQuery plugin which makes user input a tag more easily.

Just click one tag in the list, the tag will be listed on the input box with defined separated,click again undo it.

VersionDateLinks
1.0.02007-Oct-11

Masked Input

Last changed: 3 weeks 5 days ago

This plugin allows the application of a mask for fixed width inputs. This saves the user keystrokes and helps standardize data.

VersionDateLinks
0.4.0-rc22007-Jun-27
0.5.0-rc32007-Jul-02
1.1.32008-Apr-17
12next ›last »