Plugins:
Another Color Picker
Last changed: 43 weeks 1 day ago
This rudimentary color picker plugin was designed for use in small UIs. It does not use image files and does nothing fancy. It creates a number of small elements (normally SPANs) which, when clicked, activate a callback function, which is typically used to pass on the selected color to some other UI element(s) (e.g. to change a background, text, or border color). The list of colors it uses can of course be customized and the layout of the color list itself is somewhat configurable.
| Version | Date | Links |
|---|---|---|
| 2007.07.12 | 2007-Jul-17 |
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
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-27 |
BogoDice
Last changed: 39 weeks 14 min ago
BogoDice provides rudimentary "dice rolling" behaviour. Simply apply the plugin to a button element, then clicking that element will "roll" the defined number of "dice".
| Version | Date | Links |
|---|---|---|
| 2007.08.15 | 2007-Aug-15 |
Bookmark
Last changed: 1 week 3 days ago
Share your page with any number of bookmarking sites. Features include:
* Full and compact versions.
* Customisable list of sites.
* Easy addition of new/other sites.
* Optional 'Favorites' and 'E-mail' links.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2008-May-03 |
Bounce
Last changed: 12 weeks 5 days ago
* Added live demo page (url at bottom of page)
This project allows the user to extend the elements on the web page (created for use with 'textarea' elements, but no reason why it cannot be used elsewhere) with a bounce animation.
| Version | Date | Links |
|---|---|---|
| 1.0.0-updated-example | 2008-Feb-13 | |
| 1.1.0 | 2008-Feb-15 |
Clipregion
Last changed: 1 year 5 weeks ago
Simple carousel component for only showing a window of content on a slider, similar to a slideshow.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Apr-05 |
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.
| Version | Date | Links |
|---|---|---|
| 1.2.3 | 2008-Apr-20 |
Confirm In Place
Last changed: 13 weeks 6 hours ago
This plugin displays a confirmation message in place before doing an action. It does not require adding any extra code apart from a call to the plugin itself. One call to $(element).confirm() will do the magic. Also, this plugin doesn't require you to provide a callback function; it figures it out on its own.
For examples and docs please visit:
http://nadiaspot.com/jquery/confirm/
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-22 | |
| 1.1 | 2008-Feb-13 |
Confirmer
Last changed: 42 weeks 15 hours ago
Confirmer implements a novel approach to the process of confirming an action. Normally this is achieved via a yes/no dialog box or a button with a "confirm" checkbox next to it. The Confirmer plugin instead sets up a single button which changes to a "confirm the action" state if it is clicked one time. If the button is clicked again within a specified time then the action is confirmed, otherwise it times out and returns to its initial state.
| Version | Date | Links |
|---|---|---|
| 2007.07.24 | 2007-Jul-24 |
Countdown!
Last changed: 1 week 3 days ago
A countdown timer with:
* Control over which time components are shown.
* Expanded or compact formats.
* Ability to count up instead of down.
* Display of your own HTML description.
* Callbacks per tick and/or on expiry.
* Localised content.
| Version | Date | Links |
|---|---|---|
| 1.1.0 | 2008-Feb-16 | |
| 1.2.0 | 2008-May-03 |
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
| Version | Date | Links |
|---|---|---|
| 1.1.2 | 2008-Feb-07 | |
| 1.1.3 | 2008-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.
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Jun-20 | |
| 2.0.0-Beta | 2007-Jun-20 | |
| 2.1.1 | 2007-Oct-25 |
Del.icio.us Feeds Displayer
Last changed: 41 weeks 5 days ago
Load a list of bookmarks, tags, network members, and/or fans from del.icio.us for a specific user using the del.icio.us JSON feeds (http://del.icio.us/help/json/), and without need for any server-side component.
| Version | Date | Links |
|---|---|---|
| 0.1.0 | 2007-Jul-26 |
Dilbert
Last changed: 4 days 1 hour ago
Small plugin for read the Daily Dilbert Strip without flash widget.
| Version | Date | Links |
|---|---|---|
| 1.2.0 | 2008-May-10 | |
| 1.0.0 | 2008-Apr-30 |
Draeli CheckImg
Last changed: 6 weeks 10 hours ago
Fr : ImgChk est une extension permettant d'utiliser des images pour les checkbox.
En : ImgChk is an extension allow you to use image for checkbox.
Fr : Comment l'utiliser ?
La librairie JQuery 1.2 doit être présente :
<script type="text/javascript" src="jquery.js"></script>L'extension doit ensuite être mise :
<script type="text/javascript" src="jquery.CheckImg.js"></script>ou la version optimisé :
<script type="text/javascript" src="jquery.CheckImg.optimized.js"></script>Enfin l'extension doit être activé :
$("input.CheckImg").CheckImg('CheckImg0.png', 'CheckImg1.png');remarquez que cette ligne devra être dans l'objet d'initialisation de jquery :
$(document).ready(function(){
// votre code
});-----
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-02 |
Drop Down Panel script
Drop Down Panel adds a pull down panel to the top of your page that contains external content fetched via Ajax. Visitors click on the protruding button to cause the panel to drop down and reveal its content. Clicking anywhere on the panel again closes it. You can easily customize the height of the Panel, button text (ie: "panel content"), and drop down speed in milliseconds. A plug and play Ajax drop down panel!
| Version | Date | Links |
|---|---|---|
| 1.0 | 2008-Apr-04 |
Faviconize
A jQuery plugin for displaying a favicon on an external link.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Mar-08 |
HeatColor
Last changed: 23 weeks 5 days ago
HeatColor is a plugin that allows you to assign colors to elements, based on a value derived from that element. The derived value is compared to a range of values, either determined automatically or passed in, and the element is assigned a "heat" color based on its derived value's position within the range.
You bind a collection of elements such as table rows, divs or list members to heatcolor and let it do the work.
It can find the min and max values of the desired elements, or you can pass them in manually.
| Version | Date | Links |
|---|---|---|
| 0.0.1 | 2007-Nov-30 |
Hover Image Text
Last changed: 16 weeks 5 days ago
* Added live demo page (url at bottom of page) - Updated! to bring scrollup animation and fixed width list!
This project allows you to create images along with descriptive text that is displayed on mouse over, similar to a tool hip, however the text is overlayed over the image.
I had seen similar examples of this functionality on the internet, some using flash and others javascript.
This is my first project using jQuery and I thought it might be useful for others.
| Version | Date | Links |
|---|---|---|
| 1.0.0-inc.compressed,uncompressed,html | 2008-Jan-17 |
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".
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Sep-10 |
jMaps Framework
Last changed: 3 weeks 2 days ago
The JMaps Framework is a jQuery plugin that provides a simple but powerful API for Google's mapping services.
It provides a simple jQuery way to do functions such as:
* Geocode any address in the world via Google's geocoding API
* Search for directions to and from any location
* Add and remove Markers
* Add and remove polygons and polylines
* Add and remove graphic layers on the map
* Add and remove Google adsense layers
* Add and remove Traffic layers
* Get information back such as map center, map size, map type, etc
And many more.
| Version | Date | Links |
|---|---|---|
| 3.0.0-Release Candidate 1 | 2008-Apr-21 | |
| 1.4 | 2007-Aug-13 | |
| 3.0.0-Beta | 2008-Apr-20 |
jqGrid - Server Side Grid
The grid is a Ajax-enabled JavaScript control that provides solution for representing tabular data on the web. Since the grid is client-side solution and loading data dynamically through Ajax callbacks, it can be integrated with any server side technology.
Features:
-Full control with JavaScript API
-Data returned from the server is XML
-Simple configuration
-Ability to load big datasets (paging)
-Resizable columns
-Server-side sorting
-Support of links, images, checkboxes
-You can add more than one grid on a sigle page (master-detail)
-Paging
| Version | Date | Links |
|---|---|---|
| 3.0 | 2008-Mar-27 |
jqPuzzle – Customizable Sliding Puzzles
Last changed: 9 weeks 4 days ago
jqPuzzle lets you easily create sliding puzzles for your web page. Select an image, put it in your page, and add some magic – jqPuzzle will automatically turn it into a full-blown sliding puzzle.
If you want, you can highly customize (number of rows/cols, hole position, initial appearance, controls, animation speeds) and style your sliding puzzle according to your needs. The interface is available in several languages, and you can add your own texts on the fly.
jqPuzzle can be used in three ways: The easiest one is to simply add a class name to your image. Additionally, a CSS micro format (which is nothing but a second class name) allows you to control the basic properties of your puzzle. Finally, you can use the jqPuzzle()-method to get full control over all settings.
| Version | Date | Links |
|---|---|---|
| 1.02 | 2008-Mar-08 |
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.
| Version | Date | Links |
|---|---|---|
| 0.1.2-alpha | 2007-Aug-21 |
jQuery Gallery Viewer
This is a port of http://www.flashimagegallery.com/pics/artwork ; takes a list of thumbnails and turns it into an image gallery that will allow the developer to style it how ever they want to.
| Version | Date | Links |
|---|---|---|
| 2.0 | 2007-Sep-25 |
jQuery Growl
Last changed: 3 weeks 2 days ago
jQuery Growl is a Growl like notification plugin for jQuery (tested with version 1.2.3).
You can view a demo of it here:
http://projects.zoulcreations.com/jquery/growl/
Or download the uncompressed source here: NOTE: as this project is still fairly young, it is best to obtain a copy of the latest source from the demo page.
http://projects.zoulcreations.com/jquery/growl/jquery.growl.js
jQuery Growl is easily 'skinned' (themed, templated, whatever you want to call it) by using the following code syntax:
$.growl.settings.displayTimeout = 4000;
$.growl.settings.noticeTemplate = ''
+ '<div>'
+ '<div style="float: right; background-image: url(my.growlTheme/normalTop.png); position: relative; width: 259px; height: 16px; margin: 0pt;"></div>'
| Version | Date | Links |
|---|---|---|
| 1.0.0-preview2 | 2008-Apr-20 |
jQuery Progression
Last changed: 13 weeks 2 days ago
jQuery Progression gives you the ability to simply create animated Progress Bar.
Progress Bars can be manipulated using one unique function.
Features :
- Metadata compatible
- Easing compatible
- Fully designable
- Very customisable
| Version | Date | Links |
|---|---|---|
| 1.2.1 | 2008-Feb-11 |
jQuery Slug Plugin
Last changed: 2 weeks 2 days ago
The jQuery Slug Plugin is a simple plugin which can be used to generate post slugs based on the content of a text input field.
In a few steps, a regex and the replace() method are used to sanitize the val() of the field that slug() is initialized on, and the sanitized slug is inserted as the value of a hidden input field (you specify the class of the field to insert to), and also inserted into a span so the user can see the post slug. Optionally you can choose to show the input field and hide the span.
| Version | Date | Links |
|---|---|---|
| .1 | 2008-Apr-27 |
jQuery.jImageLink
Last changed: 15 weeks 3 days ago
Yupoo simulation plug-in is the function of the thumbnails, when the mouse hovers over the picture, shows a small icon, click can be a larger view, in combination with similar Lightwindow achieve the same kind of plug-picture display.
You can click here to see it!
| Version | Date | Links |
|---|---|---|
| 0.1 | 2008-Jan-27 |
jScrollHorizontalPane
Last changed: 4 weeks 13 hours ago
jScrollHorizontalPane is a plugin based off of Kevin Luck’s jScrollPane which override’s the browsers default horizontal on any block level element with an overflow:auto style. It’s built on top of the jQuery library and uses both the dimensions plugin and the mouse wheel plugin. Provided with the download of the plugin there is a default jScrollHorizontalPane.css which can be used as a basis to edit the stylings on the scroll bar.
This plugin is completely cross browser, and also provides the ability to resize gracefully when the reset option is set to true. Additionally, intervals can be set by adding a class of “scroll-interval” which automatically adds dash’s to the track and provides automatic snap-to on the elements.
Just include the following files in the head of your page:
* jQuery
* the dimensions plugin
* the mouse wheel plugin
* jScrollHorizontalPane.js (or the compressed)
* jScrollHorizontalPane.css
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-15 |
jScrollPane - crossbrowser custom scrollbars
Last changed: 35 weeks 5 days ago
jScrollPane is a jquery plugin which allows you to replace the browsers default vertical scrollbars on any block level element with an overflow:auto style. You can easily control the apperance of the custom scrollbars using simple CSS.
jScrollPane is crossbrowser, working on all browsers that support jquery and it also degrades gracefully. If a user's browser doesn't support jQuery or has JavaScript turned off then they will see the browsers default scrollbars. If the mouse wheel plugin is included in the page then the scroll panes will respond to mouse wheel events as well.
| Version | Date | Links |
|---|---|---|
| 1.1.2 | 2007-Sep-07 |
liScroll a news ticker made easy
Basic left-scrolling news ticker with pause on mouseover. Based on an unorder list of links.
| Version | Date | Links |
|---|---|---|
| 1.0.1.0 | 2007-Dec-18 |
Multiple Select
Last changed: 3 days 6 hours ago
You can use this plug-in for using input text as multiple select facility. When you focus input text, appear a dialog box like combo box. After choose you want, it will update input area your options seperated with comma. Use & pray. Just use it with pray for me.
| Version | Date | Links |
|---|---|---|
| 0.0.2 | 2008-May-11 |
NestedSortable Widget
Last changed: 33 weeks 8 hours ago
The NestedSortable Widget (from now on just widget) is a component that allows you to create a multi-columned table of entries that can be sorted and nested very easily by your user, using drag and drop, with full support for pagination.
It is built on top of the plain NestedSortable plugin and will, basically, do almost all the work you would have to do if you were to use the regular NestedSortable, as long as you provide it with a data source that will pass in your list of nested elements in JSON format. Given that list, it will build the HTML for the whole component, construct the NestedSortable and show visual clues as to when things are being loaded or saved.
| Version | Date | Links |
|---|---|---|
| 1.0-source-with-tests | 2007-Sep-26 |
News ticker (BBC style)
Last changed: 27 weeks 6 days ago
News ticker in the style of that used on the BBC news site.
Sample usage:
$(document).ready(function() {
var options = {
newsList: "#news",
startDelay: 10,
placeHolder1: " []"
}
$().newsTicker(options);
});for markup as follows:
<ul id="news">
<li><a href="http://www.makemineatriple.com">MakeMineATriple.com</a></li>
<li><a href="http://www.jquery.com">jQuery</a></li>
</ul>Underline text decoration on the (un-hovered) link is not recommended, for obvious reasons! :-)
The full set of options is:
- newsList: "#news" // assumes unordered list; specify the ul holding the news items
- tickerRate: 80 // time gap between display of each letter (ms)
- startDelay: 100 // delay before first run of the ticker (ms)
- loopDelay: 3000 // time for which full text of each item is shown at end of print-out (ms)
| Version | Date | Links |
|---|---|---|
| 1.1.1 | 2007-Oct-31 |
Pagination
Last changed: 17 weeks 4 days ago
When you have a a large list of items (e.g. search results or news articles),
you can display them grouped in pages and present navigational elements to move
from one page to another. This plugin creates these navigational elements.
| Version | Date | Links |
|---|---|---|
| 1.1 | 2008-Jan-12 | |
| 1.0 | 2008-Jan-06 |
Password Strength Field
Last changed: 38 weeks 1 day ago
The jQuery password strength meter is a small plug in that provides an easy way to show the strength of a users password. It provides some simple options that allow you to customize the output.
| Version | Date | Links |
|---|---|---|
| 1.1.0-Minified | 2007-Aug-20 | |
| 1.1.0 | 2007-Aug-20 |
Relationships Display
Last changed: 11 weeks 3 days ago
Display two sets of icons and the many-to-many relationships between them. Hovering over an icon dims the others in that set and highlights the items from the other set that correspond to it.
| Version | Date | Links |
|---|---|---|
| 1.1.0 | 2008-Feb-23 |
Scrolling time picker
Last changed: 14 weeks 2 days ago
This is another time picking widget, but with a different approach. Instead of popping up easy selection menus or creating multiple select-boxes, it allows a user to drag up and down upon it, changing its values in a matter which somehow resembles adjusting an analog clock.
The plugin is launched in a very similar matter to Jason Huck's timepicker, in that when you have an input element like this:
<input class="time" type="text" name="start" id="start" />
It could be converted to a scrolling timepicker, like this:
$('input.time').stimepicker();
| Version | Date | Links |
|---|---|---|
| 2008-Feb-03 |
slideViewer 1.1
slideViewer is a lightweight (1.5Kb) plugin wich allows to instantly create an image gallery by writing just few lines of HTML such as an unordered list of images. Works with jQuery 1.2 and jquery.easing.1.2
<div id="mygalleryinpost10.12.2006" class="svw">
<ul>
<li><img src="picts/10.jpg" alt="my description for this image" /></li>
<li><img src="picts/08.jpg" alt="this is my dog..." /></li>
<!--eccetera-->
</ul>
</div>| Version | Date | Links |
|---|---|---|
| 1.1.1.1 | 2007-Dec-18 |
Smart Lists
Smart Lists is a light-weight jQuery extension that lets you convert 'flat' HTML lists of information into categorized, paginated lists. In essence, it's a presentation layer for improving the readability of related information, without need of a database or server-side script.
The configurable options include:
- Choice for the item hide/show effect (Blind, Fade/Appear, none)
- Choice for changing page effect (Blind, Fade/Appear, none)
- Control over speed at which effects occur
- Number of items per page
- Option to show/hide the number of items in each category
- Complete control over CSS classes (to ensure compatibility with any webpage)
- Downgrades gracefully (i.e. if JS not enabled)
splashQ
Last changed: 12 weeks 6 days ago
splashQ simulates an ordinary desktop loading splashscreen; it loads a set of scripts via asynch calls and shows a console with a "log".
| Version | Date | Links |
|---|---|---|
| 0.1.0 | 2008-Feb-14 | |
| 0.2.0 | 2008-Apr-29 |
SpreadSheet
A plugin that provides a pluggable spreadsheet interface,
Features
- range selection / naming
- formula dragging
- resizable columns and rows.
- call backs for most events
- basic formatting
| Version | Date | Links |
|---|---|---|
| 0.1 | 2008-Apr-23 |
Spy
Last changed: 47 weeks 10 hours ago
A plugin that creates the same effect as the Digg spy using either plain HTML or JSON in an AJAX response. Includes the nice 'fade the last items' down effect as a built in plugin.
Documentation includes several demos and source code.
| Version | Date | Links |
|---|---|---|
| 1.4 | 2007-Jun-19 |
Sticky Notes
Last changed: 8 weeks 4 days ago
This plugin creates sticky notes on a web page. Configuration options include to set each note's
size, color, position, draggbalility, resizability, opacity, onclose event, ondrag event, fade delays and more.
Released under the GPL/MIT Licenses.
Dependencies: ui.mouse.js, ui.draggable.js, ui.resizable.js
| Version | Date | Links |
|---|---|---|
| 0.9 | 2008-Mar-14 |
Survey
Last changed: 5 weeks 4 days ago
A plugin to quickly generate surveys with javascript. Based on JSON, XML, or anything.
This plugin is not fully functional to be used in production.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-04 |
SVG Integration
Last changed: 34 weeks 4 days ago
Manipulate SVG documents from JavaScript.
Supported natively in Firefox and Opera and via the Adobe SVG viewer in IE, SVG lets you display graphics within your Web pages. Now you can easily drive the SVG canvas from your JavaScript code.
An extension package lets you easily draw graphs within an SVG canvas. Current styles include row and column graphs, as well as line graphs and pie charts. The graphing package allows additional styles to be plugged in.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2007-Sep-14 |
Time Entry Fields
Last changed: 11 weeks 3 days ago
Set up input fields to allow the entry of a time value.
- Can be driven via the keyboard or with the mouse.
- Accepts direct time entry via the keyboard.
- Works in 12-hour or 24-hour mode.
- Can restrict to a minimum and/or maximum time.
- Can restrict the time portions to particular multiples, e.g. only quarter hours.
| Version | Date | Links |
|---|---|---|
| 1.2.4 | 2007-Sep-29 | |
| 1.3.0 | 2008-Feb-23 |
Yet Another Autocomplete
Last changed: 3 weeks 6 hours ago
I created this plugin because I was not happy with any of the other ones. This plugin will give you simple, clean autocomplete functionality on the selected text box.
Here's the code:
HTML File:
<form id="myform">
<input type="text" name="my_textbox" id="my_textbox" />
</form>
<script type="text/javascript">
<!--
$(function() {
var data = {
fn : 'lookup'
};
var options = {
min_length : 3,
error_responses : [
"No results.",
"Too many results."
]
};
$("#suggest").suggest("search.php", data, options);
});
-->
</script>Example server-side PHP script, search.php:
<?php
// Prevent caching
header("Cache-Control: no-cache, must-revalidate"); // HTTP/1.1
header("Expires: Jan 1, 2000"); // Date in the past
$fn = $_GET['fn'];
$allowed_fns = array('lookup');
if (!in_array($fn, $allowed_fns)) { exit; }
print call_user_func($fn);
| Version | Date | Links |
|---|---|---|
| 1.0.1-beta | 2008-Apr-23 | |
| 1.0.0-beta | 2008-Apr-22 |
_wkCarrusel Easy carrousel
Last changed: 9 weeks 5 days ago
A very simple to use carrousel.
The documentation is in spanish.
is still under development.
Un plugin para general carruseles con JQuery muy facíl de utilizar.
Esta bajo desarrollo.
La documentación está en español.
| Version | Date | Links |
|---|---|---|
| 0.1-Alpha | 2008-Mar-06 | |
| 0.1-Alpha | 2008-Mar-06 |