Plugins: Forms
jQuery Doubleselect Plugin
Last changed: 32 weeks 5 days ago
jQuery Doubleselect Plugin
Fill in a second select box dependent on the first one.
Written by : Johannes Geppert
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.0 | 2009-Jul-27 | Recommended for 1.3.x | ||
3 State Switch Plugin
Last changed: 1 year 20 weeks ago
jQuery 3 State Switch Plugin(J3SSW) is a jQuery Plugin that represents the switch button express the selection and some states of list item at the same time using radio button and checkbox.
The applications of J3SSW includes some interfaces for sort key or filter key of any search results.
you can find some compressions (jsmin, packed, YUI) and examples on http://www.memorycraft.jp/project/jquery/j3ssw/index.html
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Oct-17 | Recommended for 1.2.x | ||
a-tools
Last changed: 22 hours 29 min ago
Cross-browser text selection and modification plugin built on top of the jQuery library. Tested with Opera 9.5 (Windows) and Opera 9.6 (Linux), Mozilla Firefox 3.0 (Windows and Linux), Internet Explorer 7, Chrome 2.0 and Safari 4.0. Also works with jQuery 1.4.
Plugin works only with first element of set of elements, which have to be «textarea» or «input type=text».
This plugin has six functions:
- getSelection – return start, end position, length of the selected text and the selected text. return start=end=caret position if text is not selected;
- replaceSelection – replace selected text with a given string;
- countCharacters – count amount of all characters;
- insertAtCaretPos – insert text at current caret position;
- setCaretPos – set cursor at caret position (1 = beginning, -1 = end);
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.3-jquery-a-tools | 2010-Mar-12 | Recommended for 1.3.x | ||
Access Key Highlighter
Last changed: 45 weeks 5 days ago
The Access Key Highlighter plugin provides various options for highlighting access keys on web forms when the user presses their browser's access key shortcut key, e.g. Alt in Internet Explorer and Safari, Shift+Alt in Firefox.
The control supports the following features:
- Two highlight modes: "popup" and "toggleClass"
- Automatically adds mark-up around access keys in your form to allow static styling via CSS
- Configurable CSS class names allowing for full customization of highlighted access keys and popups
- Shows access key popups on field labels if associated otherwise on the field itself
- Shows access key popups on hyperlinks
- Works in IE6, IE7, FF2, FF3 and Sa3.1 (disabled in Opera due to dedicated access key mode being available via Shift+Esc)
You can view a live sample of the current release at http://files.damianedwards.com/AccessKeyHighlighter/jQuery
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Apr-26 | Recommended for 1.3.x | ||
Accessible
Last changed: 2 years 10 weeks 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0-dev | 2007-Dec-27 | Recommended for 1.2.x | ||
accessible radio button and checkbox replacement
Last changed: 45 weeks 13 hours ago
Replaces radiobuttons and checkboxes with a more skinable Version.
Needs jQuery UI core and jQuery.bind http://plugins.jquery.com/project/bind.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2 | 2009-May-01 | Recommended for 1.3.x | ||
Add To List
Last changed: 1 year 39 weeks ago
Dynamically add a new option to a select list. A customised form (which you specific) is ajax submitted. A successful ajax return adds the new item to the select list.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Jun-06 | Recommended for 1.2.x | ||
addCal
Плагин который позволяет делать календарь, 4-х типов,
0 - обычный с возможностью отображать номер недели
1- по месяцам
2- по кварталам
3-по годам
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.0.1 | 2008-Nov-08 | Recommended for 1.2.x | ||
Advanced Form Validation
Last changed: 4 weeks 4 days ago
Form Validator with several features such as grouping required fields or conditional checking if it is valid or not. Also you can validate string, numeric, date or e-mail. And you can combine several validations. For example: required numeric input and minimum 5 chars long.
Easy to build your validation rules by css classes.
<input type="text" name="phone1" "req-min req-numeric req-both" minlength="9" rel="phones" ..>Customizable Plugin
You can edit error messages, date seperator, onsuccess function, standard error div selector.
Easy to assign
$('#submitBtn').formValidator({
scope : '#form',
errorDiv : '#errorDiv'
});Different forms of assign
You can trigger from button or just call the function:
$.formValidator...
$('#button').formValidator...
Here is the css classes:
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.4 | 2010-Feb-08 | Recommended for 1.3.x | ||
After the Deadline - Spell and Grammar Checker for Web Applications
Last changed: 3 weeks 4 days ago
After the Deadline is an open source proofreading service that checks spelling, misused words, style, and grammar in web applications.
To attach to all textareas on a page:
jQuery('textarea').addProofreader();
jQuery Plugin Features:
* Supports server-side proxy and cross-domain AJAX communication with service
* High-level API to integrate with TEXTAREAs easily
* Control which errors your users see
After the Deadline is the best writing technology on the web:
* Contextual spell checker suggests correct spelling 9/10 times
* Misused word detector finds errors with its/it's, write/right, etc.
* Grammar checker finds embarrassing writing errors
* Style checker restores accents to words, finds complex and redundant phrases, and helps you avoid passive voice.
* Back-end service is open source. http://open.afterthedeadline.com
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1-14Jan10 | 2010-Jan-13 | Recommended for 1.0.x | ||
| 1.0.1-15-Feb-10 | 2010-Feb-15 | Recommended for 1.3.x | ||
Ajax Fancy Captcha
Last changed: 1 year 3 weeks ago
Ajax Fancy Captcha is a jQuery plugin that helps you protect your web pages from boys and spammers. We are introducing you to a new, intuitive way of completing “verify humanity” tasks. In order to do that you are asked to drag and drop specified item into a circle.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Feb-18 | Recommended for 1.3.x | ||
Ajax file upload plugin
This plugin replaces the standart file input element. It allows you to upload multiple files without refreshing the page and use any link, image or other element instead of the file input to show the "file selection" dialogue.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4 | 2008-Dec-03 | Recommended for 1.0.x | ||
| 0.9 | 2009-Jan-10 | Recommended for 1.2.x | ||
| 2.0 | 2009-Feb-22 | Recommended for 1.3.x | ||
Ajax Multi Image File Upload
Last changed: 1 year 21 weeks ago
Ajax driven image file upload with thumbnail view and delete function.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1 | 2008-Oct-16 | Recommended for 1.2.x | ||
AJAX Terminal
Last changed: 5 weeks 2 days ago
jQuery plugin to create a web-based console-like behavior that posts user input commands to an AJAX server, and prints the result text.
Designed to be utterly simple and highly customizable.
The usage is pretty simple, try using this example as a template: http://n0nick.net/jquery/terminal/
You can see a sample of a terminal server here: http://n0nick.net/jquery/terminal/server.phps
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4.1 | 2009-Nov-13 | Recommended for 1.0.x | ||
| 0.4.5 | 2010-Feb-03 | Recommended for 1.3.x | ||
ajaxContactForm to simplify te sending of a inquiryform.
Last changed: 5 weeks 2 days ago
jquery.ajaxContactForm is a plugin made to simplify te sending of a inquiryform. The plugin gathers all the filled out data, after testing it on: required values, required numberical values and/or required e-mail structure. After that it sends the form via AJAX (JavaScript).
The forms that will be send are protected against spam because:
- There is no form-tag in the DOM, spam-bots can't see that the data will be send, let alone with what page/script it will be send;
- A field -invisible for human visitors- will be added which may not be filled out, spam-bots like to fill out as much as they can.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.4 | 2010-Feb-03 | Recommended for 1.0.x | ||
Ajaxify
Last changed: 22 weeks 2 days ago
jQuery Ajaxify can turn any link or form from a standard request to an AJAX request.
The main difference when compared to most implementations is that the submission button (or image) is also sent with the ajax request.
Simple call to $('form').ajaxify(); should be sufficient in most cases.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4 | 2009-Oct-07 | Recommended for 1.3.x | ||
akeditable in place editor
Last changed: 28 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/
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0 | 2009-Aug-25 | Recommended for 1.0.x | ||
| 1.1.0 | 2009-Aug-25 | Recommended for 1.3.x | ||
akModal: simplest alternative to thickbox
Last changed: 1 year 35 weeks 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
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Apr-15 | Recommended for 1.0.x | ||
| 1.1.0 | 2008-Jul-05 | Recommended for 1.2.x | ||
AP Tags
Last changed: 20 weeks 4 days ago
AP Tags is a simple to use tagging component that adds the ability to quickly create tags using a single text box. This component is very similar to the tagging component used in WordPress, but is a completely custom component. Simply put, you have a text box, you type one or more words, press Enter, and the tag appears below, and in a hidden form field.
Here is a simple example:
<form name="frm" method="post">
<input type="text" name="tagEntry" id="tagEntry" value="" />
<input type="submit" name="btnSubmit" id="btnSubmit" value="Submit" />
</form>
<script language="javascript">
$(document).ready(function() {
$('#tagEntry').aptags();
});
</script>| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2.0 | 2009-Oct-20 | Recommended for 1.3.x | ||
asmSelect - Alternative Select Multiple
Last changed: 1 year 14 weeks ago
A progressive enhancement to select multiple form elements. It provides a simpler alternative with the following advantages:
- Easier for users to understand and interact with than regular select multiple form elements. Users know how to interact with it sans instruction.
- Doesn't require user to Ctrl-Click or Shift-Click multiple elements. Instead users of your form can add or remove elements individually, without risk of losing those that have already been selected.
- Selected elements are always visible (within the confines of your interface) while unselected elements are always hidden (within a regular select).
- Unlike regular select multiple option elements, those on asmSelect are optionally sortable with drag and drop (this part requires jQuery UI).
- asmSelect hides, maintains and updates the original select multiple so that no changes are required to existing code.
- If a user does not have javascript, then of course the regular select multiple form element is used instead.
- If the original select multiple form element is modified by some other jQuery or javascript code, the change will be reflected in the asmSelect as well.
Please see full information at http://code.google.com/p/jquery-asmselect/
Companion article at: http://www.ryancramer.com/journal/entries/select_multiple/
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.4-beta | 2008-Dec-01 | Recommended for 1.0.x | ||
| 1.0.1-beta-2 | 2008-Jul-08 | Recommended for 1.2.x | ||
asuggest
Last changed: 21 weeks 22 hours ago
jquery.asuggest is a small suggestion (autocomplete) library intended to be a lightweight replacement for jquery.autocomplete in textareas. The fact is that the drop-down menu in the autocomplete library works not very well in texteareas. So the alternative decision without menu and only with automatic word completion has been proposed.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2 | 2009-Oct-16 | Recommended for 1.3.x | ||
Auto Growing Textareas
Last changed: 1 year 51 weeks 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...
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.1 | 2008-Feb-13 | Recommended for 1.0.x | ||
| 1.2.2 | 2008-Mar-19 | Recommended for 1.2.x | ||
Auto growing textareas update
Last changed: 51 weeks 14 hours ago
This is a minor update to the "Auto growing textareas" project by chrysb. The project has not been updated since January 12, 2008, and had some issues that needed to be resolved. I solved these issues for my own use and figured it would be best to share them.
The fixes relate mainly to using autogrow with existing content (i.e. for forms to edit existing content), which was not handled.
The following fixes have been applied:
- Handle textareas generated with existing content (i.e. for edit content forms).
- Add expandTolerance member variable and option to allow the textarea to autogrow before the current line reaches the bottom of the textarea for increased readability.
- Uses isNaN instead of == NaN.
- Hides and shows the dummy area. With long content in the textarea it would add padding to the page body.
- Fixed line feed replace for br with xml-valid br/ tag
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.3 | 2009-Mar-20 | Recommended for 1.3.x | ||
Autocomplete
Last changed: 28 weeks 6 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
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0 | 2009-Aug-22 | Recommended for 1.2.x | ||
Autofill
Last changed: 1 year 37 weeks ago
This plugin offers the ability to auto fill form.
If the first parameter is an URL, the plugin will fetch the returned JSON object via AJAX. Or you can pass a pre-fetched JSON object so that no AJAX will be performed.
The second parameter is an object containing other options.
- type - AJAX request type
- data - Data to be sent to the server
- errorTrigger - if the JSON object contains this as its key, error callback will be triggered. Useful if server side returns a custom error message
- mSelectCheckName - Default to false.
True: look for multiple select boxes with their name.
False: look for multiple select boxes with their ID - ajaxError - callback function for AJAX error
- error - error callback if the JSON object is empty, or contains errorTrigger as its key
- beforeFillForm - callback function to be executed before start filling the form
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.1-beta | 2008-May-20 | Recommended for 1.0.x | ||
| 0.1.2 | 2008-Jun-23 | Recommended for 1.2.x | ||
Automatic Date Completion
Last changed: 2 years 15 weeks 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);
}
});| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.9.1 | 2007-Nov-29 | Recommended for 1.2.x | ||
autoNumeric
Last changed: 3 weeks 3 days ago
A flexible International numeric formatting, that will automatically place a thousand separator as you type.
Multiple international number formats can reside on the same page. The varied formats are controlled by the format code placed in the "alt " attribute of the input tag. This code will allow multiple formats within the same page. If the "alt" attribute is left blank the plugin will revert to the defaults.
Supports nine different rounding methods (Round-Half-Up Symmetric & Asymmetric, Round-Half-Down Symmetrica & Asymmetric, Round-Half-Even "Bankers Rounding", Round Up, Round Down, Round to Ceiling & Round to Floor)
AutoSuggest
Last changed: 9 weeks 5 days ago
AutoSuggest is a very lightweight jQuery plugin that makes auto-completing extremely easy. It uses ZERO images by default and is only 7kb minified.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Dec-31 | Recommended for 1.0.x | ||
| 1.1 | 2010-Jan-03 | Recommended for 1.3.x | ||
Autotab
Last changed: 1 year 24 weeks ago
Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field. Also included is a filter that can format or cleans out any unwanted characters in a text field, which is especially useful for product keys, serial numbers, phone numbers, confirmation numbers, social security numbers and much more. It's an auto-tab that works logically and allows you to edit previously typed content with ease!
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0-b | 2008-Sep-19 | Recommended for 1.0.x | ||
BabySteps
Last changed: 51 weeks 3 days ago
BabySteps (A 'What About Bob?' reference) is a simple and easily configurable tool for turning long forms into broken out steps without going from page to page.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2.1 | 2008-Aug-27 | Recommended for 1.0.x | ||
| 0.2.2 | 2009-Mar-17 | Recommended for 1.1.x | ||
| 0.2.2 | 2009-Mar-17 | Recommended for 1.2.x | ||
BESTUPPER - It is change chars to uppercase when is typing
Last changed: 50 weeks 5 days ago
BestUpper is change chars to uppercase when is typing. It is support English and Turkish keyboard now. It is clear white spaces when exiting the control in blur event.
Here's an example of how you'd use this plugin:
<script type="text/javascript">
$(document).ready(function() {
$('.bestupper').bestupper();
});
</script> For Turkish: Türkçe demo sayfası ve diğer açıklamalar için aşağıdaki sayfayı ziyaret ediniz.
http://www.mustafaozcan.net/tr/page/jquery-bestupper-jQuery-Buyuk-Harf-Eklentisi.aspx
For English: Visit demo site.
http://www.mustafaozcan.net/en/page/jquery-bestupper-jQuery-UpperCase-Plugin.aspx
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Mar-22 | Recommended for 1.2.x | ||
bigger Textarea
Last changed: 21 weeks 6 days ago
Bigs your text area as the value of it reachs a limit.
Just like basecamp do it.
For me at: http://github.com/edgarjs/bigger-textarea
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2009-Oct-11 | Recommended for 1.3.x | ||
bltcheckbox
Last changed: 51 weeks 3 days ago
Very lightweight custom checkboxes/radio buttons. Uses css to style buttons.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1 | 2009-Mar-17 | Recommended for 1.0.x | ||
| 1.0 | 2009-Mar-17 | Recommended for 1.3.x | ||
BS Form Accelerator
Last changed: 33 weeks 3 days ago
Description:
With this plugin you will be able to use Enter or Space buttons in your forms replacing the buttons such as Tab for changing focus in fields just with assigning an ID to the form
View Live Demo for Enter
View Live Demo for Space
Download BS Form Accelerator
Example 1:
$.bsformaccelerator('myform',{
handle : 'enter'
}
);Example 2:
$.bsformaccelerator('myform',{
handle : 'space'
}
);Produced by : Behnam Soltanrezaey| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1.0 | 2009-Jul-21 | Recommended for 1.0.x | ||
Calculation Plug-in
Last changed: 27 weeks 2 days 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.4.07 | 2009-Sep-02 | Recommended for 1.3.x | ||
Caret Range
Last changed: 26 weeks 2 days ago
Easily get or set the selection range of the caret in an INPUT or TEXTAREA element.
USAGE
var input = $("#selector");
var range = input.caret();
var text = null;
// Get selected text
text = input.val().substr(range.start, range.end - 1);
// Insert text at caret then restore caret
var value = input.val();
text = " New Text ";
input.val(value.substr(0, range.start) + text + value.substr(range.end, value.length));
input.caret(range.start + text.length);
// Select first ten characters of text
input.caret(0, 10);| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2009-Sep-10 | Recommended for 1.0.x | ||
cascade
Last changed: 1 year 37 weeks ago
Tiny plugin accomodates cascading data in response to page events. Canonical usage is cascading select lists pulling data from either client-side or server-side requests based on current form state (i.e., select value).
This plugin, however, will accept any event to trigger the cascade into any element type and you can chain as many lists together as you need and each can have distinct datasources.
Using the (optional) templating plugin this can simply encapsulate how data is presented in response to user input.
See the demo in the package for usage examples.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.2 | 2008-Jun-24 | Recommended for 1.0.x | ||
Checkbox Area Select
Last changed: 6 weeks 5 days ago
This plugin allows users to check or uncheck large groups of checkboxes quickly. When the user drags the mouse a red highlighting box follows the area that they have draged over. Any checkboxes within the highlit area will be checked. If the user shifts and drags then any checkboxes in the highlit area will be unchecked.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.0 | 2010-Jan-24 | Recommended for 1.0.x | ||
checkbox group
Last changed: 10 weeks 2 days ago
checkbox checkall with group and set max items group can select
$('.groupregion_checkall').checkgroup({
groupSelector:'.groupregion',
maxItem:3,
message:'Max item',
enabledOnly:true,
onComplete: function(){}
});Checkbox Manipulation
Last changed: 1 year 4 weeks ago
Toggle, check or uncheck checkboxes. Also make them behave like radio buttons.
Includes:
- toggleCheckboxes
- checkCheckboxes
- unCheckCheckboxes
- radioCheckboxGroup
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 2.1 | 2009-Feb-08 | Recommended for 1.0.x | ||
Checkbox ShiftClick
Last changed: 2 years 2 weeks 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0 | 2008-Feb-24 | Recommended for 1.2.x | ||
Checkbox toggler
Simple checkbox toggling by onMouseOver. Proof Of Concept by Snook.ca
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.0 | 2008-Feb-09 | Recommended for 1.0.x | ||
CheckboxGroup
Last changed: 40 weeks 2 days ago
This useful little plugin provides "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,
onComplete: function(boxes){
//do something with the affected check boxes - boxes is an array
}
});The HTML would look like this:
checkall
chk1
chk2
chk3
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.5 | 2009-Jun-03 | Recommended for 1.3.x | ||
checkboxToSlider
Last changed: 1 year 6 weeks ago
This plugin enables you to transform form checkboxes into neat sliders. The slider hides the checkbox and will update its value after a status change.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1-BETA-1 | 2009-Jan-23 | Recommended for 1.2.x | ||
CheckTree(ycTIN Edition)
Last changed: 42 weeks 4 days ago
This edition is compatible with CheckTree, fixed some bugs and added some new function. You can easily to integrate and handle AJAX update.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2009-May-18 | Recommended for 1.0.x | ||
Clearable Text Field
Last changed: 16 weeks 2 days ago
Clearable Text Field is a jQuery plugin which shows up a cross icon to clear value when user input something in a form field. It works like a find form of your browser: the clear button shows up when you enter any characters in it and disappears when you clear the form.
Seeing example is the fastest way to understand. Example
Usage
$(document).ready(function(){
$('input[type=text]').clearableTextField();
});To use this plugin, you have to include/deploy js, css and png image. css and png image are easy to customise.
See more detail at github.
I hardly update here recently. Please check the latest version at github.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.2.1 | 2009-Nov-19 | Recommended for 1.0.x | ||
| 0.3.1 | 2010-Feb-12 | Recommended for 1.3.x | ||
clearField
Last changed: 31 weeks 5 days ago
This plugin takes care of your input fields.
Often used by opt-in input fields where the default value of the field is something like "Your e-mail address". If you click the field the text disappears so that you can type your e-mail address. If you leave the field blank and click elsewhere the original content is restored.
$(document).ready(function() {
$('selector').clearField();
});| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.0.1 | 2009-Aug-02 | Recommended for 1.3.x | ||
Clearing Input
Last changed: 37 weeks 17 hours ago
A simple plugin that provides example/label text inside text inputs that automatically clears when the input is focused. Common uses are for a hint/example, or as a label when space is limited.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 0.1 | 2008-Dec-22 | Recommended for 1.2.x | ||
| 0.1.2 | 2009-Jun-26 | Recommended for 1.3.x | ||
Click-n-Drag (or DragCheck) Checkboxes
Last changed: 47 weeks 1 day ago
Description:
Easily select multiple checkboxes with a simple click and drag.
Click a TD to toggle it's checkbox. After clicking, drag across other TDs to set their checkboxes to the same value as the clicked one.
The original idea came from cross-browser.com's "Click-n-Drag Checkboxes", and I decided to attempt at translating this X-Library functionality into a Jquery functionality. The resulting code is fruit of an online collaboration between myself and another coder Ricardo on the jquery google group forum, here is the thread:
http://groups.google.com/group/jquery-en/browse_frm/thread/956e72c4e071a...
Characteristics:
- -- "clickability" is applied to the cell containing the checkbox and not only to the checkbox, making it more user-friendly (text-selection is disabled for the cells with the checkboxes)
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.1.1 | 2009-Apr-16 | Recommended for 1.0.x | ||
| 1.1.2 | 2009-Apr-16 | Recommended for 1.3.x | ||
ClockPick, a Time Picker
Last changed: 39 weeks 4 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.
| Version | Date | Links | Status | |
|---|---|---|---|---|
| 1.2.6 | 2009-Jun-09 | Recommended for 1.0.x | ||
