Plugins:
(v)sprintf
Last changed: 10 weeks 1 day ago
Implements both a somewhat stripped down "classic" version of the C sprintf (no support for width, sign, padding and flags), and a python-like one employing named parameters.
Why another implementation, when we already have one? well:
- size: 2262 bytes;
- features: I wanted named arguments, like in python;
- license: the existing implementation uses a BSD license, I wanted GPL;
- and fun, of course.
Usage
//sprintf
//positional arguments
var classic = $.sprintf('%s %d%% %.3f', 'string', 40, 3.141593);
// classic = 'string 40% 3.142'
//named arguments
var named = $.sprintf('%(name)s: %(value)d', {name: 'age', value: 40});
// named = 'age: 40'
//vsprintf
var classic = $.vsprintf('%s %d%% %.3f', ['string', 40, 3.141593]);
// classic = 'string 40% 3.142'
//named arguments
| Version | Date | Links |
|---|---|---|
| 1.0.2 | 2008-Mar-03 |
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.
| Version | Date | Links |
|---|---|---|
| 0.1.0-dev | 2007-Dec-27 |
Bubble
Last changed: 33 weeks 1 day ago
This plugin adds bubbling functionality to jQuery. The code is similar to jQuery.fn.trigger's because it's meant to extend it. It also generates it's own event object, that will remain untouched through the bubbling, meaning it's safe to attach attributes to it and grab them with the ancestors while the event bubbles up.
I tried to use jQuery's core functions as much as possible, but most functions I needed were not compatible, and would destroy the custom event object, still the code remains short.
NOTES:
- jQuery.Bubble 1.0 was tested with jQuery 1.3.1 and it's compatible with it's event system.
- jQuery.Bubble 1.2 and further versions will stick to the new system(1.2 's).
| Version | Date | Links |
|---|---|---|
| 1.0 | 2007-Aug-25 | |
| 1.2 | 2007-Sep-25 |
Call function on mouse click or Enter keypress
Last changed: 29 weeks 3 days ago
Typically useful on anchor elements for which following the link should produce javascript functionality instead of the default action (following the URL).
Function binds mouse click and enter keypress to a specified element, and calls the specified function. The default action (e.g. following the href for an anchor) is prevented.
Release 1.2+ supports binding to more than one element, because the callback function is aware of the target of the click / enter keypress.
Usage:
$.clickOrEnter(yourElement,yourFunction);e.g.
$.clickOrEnter('a',popup);This essentially replaces the style of
<a href="javascript:function();">Foo</a>
<a href="foo.html" onclick="function();" onkeypress="function();">Bar</a>which are inaccessible / obtrusive.
| Version | Date | Links |
|---|---|---|
| 1.2 | 2007-Oct-21 | |
| 1.0-First release | 2007-Sep-30 |
Chili
Last changed: 32 weeks 5 days ago
Chili is the jQuery code highlighter
Latest version: 1.9 (2007-09-24)
Chili directly supports highlighting of JavaScript, jQuery, PHP, XHTML, MySQL, Java, C++, C#, CSS, Delphi, and LotusScript. Additionally, it's fairly easy to add a new recipe for any other language by means of regular expressions.
- very fast coloring (3000 lines in less than 1 second)
- trivial setup
- fully customizable
- thoroughly documented
- MIT licensed
See also: Hot Chili
| Version | Date | Links |
|---|---|---|
| 1.9 | 2007-Sep-28 |
Collection
Last changed: 15 weeks 21 hours ago
This plugin generates generic collection classes, that work almost exactly as jQuery does.
These collections include all those jQuery functions, that are used to manipulate the collection itself.
The included built-in functions are:
add, andSelf, attr, each, end, eq, extend, filter, get, implement, include, index, init, is, map, not, pushStack, setArray, size and slice.Every collection will have a build() function, that will create a new collection class, that inherits from the caller. $.collection is a collection class by itself. So other collections will inherit from it, or its subclasses.
With this plugin, you can manipulate native data types like String or Array, with your custom methods, without actually modifying their prototype. This is shown in some of the examples below.
If you want additional information and more details about some of the methods.
| Version | Date | Links |
|---|---|---|
| 1.0.3 | 2008-Jan-29 |
Countdown
Last changed: 17 weeks 3 days ago
A simple yet usefull plugin
It'll countdown time in seconds, untill zero. Then may reload the page.
example:
wait
It will show progressively:
50 secs = 00:50
3600 secs = 01:00:00
86400 secs = 1d 00:00:00
etc.
| Version | Date | Links |
|---|---|---|
| 1.0-beta | 2008-Jan-12 |
FastTrigger
Last changed: 5 weeks 3 days ago
What is it
This small plugin includes a clean and simplified version of jQuery.trigger, that will perform better and will specially scale better.
How is this achieved
Many useless steps are skipped when programatically triggering an event, this step that jQuery does no matter what, are not really necessary for triggered events, and some of them hit on perfomance badly. Most of them are not optimized for speed and scalability, but for reusability and code size.
Differences with trigger
This method supports array of data (can include an event object), namespaced events and exclusive triggering. The only known difference with jQuery.trigger is that this method doesn't trigger native handlers, so it's actually comparable to .triggerHandler().
Perfomance
This is method is at least 4 times faster than the regular trigger, and will scale much better as you call it on more elements at once.
Global triggering
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-05 |
FlyDOM: Create DOM on the Fly
Last changed: 41 weeks 2 days ago
Create DOM elements on the fly and automatically append or prepend them to another DOM object. There are also template functions (tplAppend and tplPrepend) that can take a simple HTML structure and apply a JSON object to it to make creating layouts MUCH easier. This plugin was inspired by "Oslow" [1], and since I could not get his code to work, I decided I write my own plugin. My hope is that this version will be easier to understand and maintain with future versions of jQuery. Update (July 13, 2007): Upgraded FlyDOM to 3.0; visit the FlyDOM homepage for more details.
| Version | Date | Links |
|---|---|---|
| 3.0.6 | 2007-Jul-17 | |
| 3.0.8 | 2007-Jul-29 |
gettext
Last changed: 10 weeks 1 day ago
This plugin provides basic gettext support for jQuery apps. It loads JSON data, which can be generated easily from standard gettext .po/.mo files. Why go through the additional hassle of .po files? For a small app that needs i18n, one could write the json directly. However, the main advantages I see to gettext are:
- well known editing tools like KBabel, poEdit, gtranslator, Emacs PO mode, etc.
- translation memory, fuzzy matches and other features that become really helpful when your application is big and you have hundreds of strings
| Version | Date | Links |
|---|---|---|
| 1.0.4 | 2008-Mar-03 |
iPhone
Last changed: 3 weeks 20 hours ago
jQuery iPhone Plugin extends jQuery's functionality for specific iPhone usages.
| Version | Date | Links |
|---|---|---|
| 0.1.2-AIO | 2008-Apr-22 |
JavaScript Localisation
Last changed: 32 weeks 4 days ago
Automatically load localisation packages for your JavaScript. Defaults to the browser's language setting, but may be overridden.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2007-Sep-02 | |
| 1.0.2 | 2007-Sep-29 |
jget
Last changed: 5 weeks 4 days ago
This plugin get the query string appended in url in a easy way, like a GET in a server side language
Example
//url: http://www.foo.com/?test=var&test2=var2
var save1 = $.jget['test'];
alert(save1);
//this will output 'var'
var save2 = $.jget['test'2];
alert(save2);
//this will output 'var2'If you wish to loop through the query string, you can make this way
for (var test in $.jget) {
$.debug(test+ ' = ' + $.jget[test] );
}
//the method debug comes with the plugin to retrieve a message in firebug, or a alert in IE| Version | Date | Links |
|---|---|---|
| 1.0 | 2008-Apr-05 |
jGlycy
Last changed: 2 weeks 1 day ago
About jGlycy
jGlycy is a simple jQuery plugin. This plugin calls other any typical-interfaced-plugins automatically when document ready.
For instance, you can put "jg" attribute into your (x)html like below;
<div jg="cycle">
<img src="/your/path/to/img01.gif" />
<img src="/your/path/to/img02.gif" />
<img src="/your/path/to/img03.gif" />
</div>jGlycy calls jQuery method like this;
$('div').cycle();You (or your team's designers) don't have to write JavaScript? any more.
How it works
When document ready, jGlycy picks up elements which have "jg" attributes. Then the plugin confirms if your jQuery object has the method names the value of the attribute. In this example, jGlycy calls "cycle" method, if jQuery object has this method.
Furthermore, you can put object-type options for the method like below;
| Version | Date | Links |
|---|---|---|
| 1.0.0-rc | 2008-Apr-29 |
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 |
jQuery AOP
Last changed: 7 weeks 2 days ago
jQuery AOP is a very small plugin that adds features of aspect-oriented programming (AOP) to jQuery. It allows to add advices (Before, After, Around and Introduction) to any global or instance object.
Features
- Allows to add Before, After,Around and Introduction advices.
- Allows to define point-cuts using regex to match multiple methods.
- Works with global function and object methods.
- Advices can be removed after being applied.
- Just 539 bytes! (Minified and Gzipped)
| Version | Date | Links |
|---|---|---|
| 1.1 | 2008-Mar-23 |
jScroller (a autoscroller, crossbrowser, W3C compatible)
Last changed: 25 weeks 2 days ago
A Auto-Scroller, cross-browser and W3C compatible.
Support up,down,left and right and also display the content alternative, when no javascript is activated.
Support dynamic Content for a ticker or something like that.
Homepage:
http://jscroller.markusbordihn.de/
| Version | Date | Links |
|---|---|---|
| 0.3.1-quickfix | 2007-Nov-19 | |
| 0.2-rc-1 | 2007-Sep-13 | |
| 0.3 | 2007-Nov-16 |
jShuffle
Last changed: 8 hours 45 min ago
It randomly shuffles the children of the selected elements, non-recursive for this very first version.
This might be something obvious for many jQuery users but I still just put it up in the hope of saving the time of some of you.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-May-13 |
L10n (Localization) By JavaScript
Last changed: 3 weeks 4 days ago
Localization your webpages by using AJAX.
Preview and bug report, please visit: http://www.hpyer.cn/l10n-by-javascript.html
Example:
<html>
<head>
<title>Example</title>
<script src="jquery.js" language="JavaScript" type="text/javascript"></script>
<script src="jquery.l10n.js" language="JavaScript" type="text/javascript"></script>
<script type="text/javascript">
$.l10n.init({
'dir': './languages',
'lang': 'zh_CN',
'cache': true
});
</script>
</head>
<body>
<script type="text/javascript">
// Translate directly
document.write($.l10n.__('Words need to be translated'));
// Or
$.l10n._e('Words need to be translated');
</script>
<!-- Translate indirectly -->
<span>Words need to be translated</span>
<script type="text/javascript">
$('span').l10n();
</script>
</body>
</html>| Version | Date | Links |
|---|---|---|
| 1.1.0 | 2008-Apr-18 |
Listen
Last changed: 9 weeks 4 days ago
The release shown below is not the last. Please check 1.0.3 instead.
This plugin brings a clean, light solution, to websites with dynamic loaded content, or full of event bindings.
Intead of bound, handlers for events, are registered along with matching selectors.
And they'll still work for new added content.
This is achieved, using Event delegation, so the plugin will only work for events that bubble.
Update: jQuery.Listen can now handle both focus and blur events thanks to the focusin/focusout workaround.
Many thanks to Jörn Zaefferer for lending me the code!.
The plugin supports these kind of selectors:
- #id
- nodeName
| Version | Date | Links |
|---|---|---|
| 0.8.0-beta | 2007-Oct-13 | |
| 0.8.2-beta | 2007-Oct-19 |
LocalScroll
Last changed: 9 weeks 21 hours ago
This plugin will animate a regular anchor navigation [1] [2].
It will allow your visitors to navigate your site with a smooth scrolling effect.
Each time a link is clicked, the element you decide(can be the whole screen), will gradually scroll to the targeted element, instead of "jumping" as it'd normally do.
jQuery.ScrollTo is used for the animation.
- Check its Homepage, it includes extensive documentation.
| Version | Date | Links |
|---|---|---|
| 1.2.5 | 2008-Mar-11 |
Media Queries / Dynamic resolution dependent layouts
Last changed: 6 weeks 6 days ago
The script adds basic Media Query-Support (min-width and max-width in px units ) to all browsers (http://www.w3.org/TR/css3-mediaqueries/). It helps you to create a dynamic resolution dependent layout with webstandards in mind.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Mar-27 |
On-Demand Javascript
Last changed: 16 weeks 6 hours ago
On-Demand Javascript Plugin aka "Lazy Loading"
Download Javascript as and when required, instead of downloading it all on page load. This is a "lazy loading" approach applied to Javascript, and has several benefits...
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Jan-23 |
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 |
Preload
Last changed: 8 weeks 6 days ago
Note: Patched a bug of Safari 2, and 2 other bugs of IE, please upgrade to 1.0.7.
This is an advanced multi-functional preloader, that has 4(actually 5) modes integrated.
Each mode suits a different, common situation.
The modes are:
- URL: Preload a JS array of static URLs.
- Rollover: Preload based on DOM images, slightly modifying their src.
Can be used for rollovers, or for image-thumb. - Placeholder : Take regular images and set a placeholder image while they load. Show each original image when fully loaded. Allows sequential loading with a threshold.
- Link: Preload the images that appear in the href of the given links.
The plugin also provides 3 callbacks to interact with the image URLs during the preloading process. All the callbacks get a hash of data, with details of the related image and global information.
| Version | Date | Links |
|---|---|---|
| 1.0.7 | 2008-Mar-13 |
Profile
Profiles calls to jQuery(selector), so that you can see which calls to jQuery are taking time.
This plugin is meant to complement tools such as the Firebug profiler, which profile all the function calls in your script, but don't (at present) allow you to drill down into the different arguments to a single call.
Call $.profile.start() to start profiling calls to $(selector), and then $.profile.done() to stop profiling and print out something like this:
Selector Count Total Avg+/-stddev
script, script, scri... 100 101ms 1.01ms+/-1.01
script 200 58ms 0.29ms+/-0.53
html body #output 100 55ms 0.55ms+/-0.74
script, #output 100 54ms 0.54ms+/-0.73
#output 100 6ms 0.06ms+/-0.24| Version | Date | Links |
|---|---|---|
| 1.0 | 2008-May-02 |
Simple chained combobox plugin
Last changed: 1 week 1 day ago
Very simple chained selects plugin for jQuery with JSON processing and callback feature, chain multiple selects with ease.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2008-May-06 |
Simple Drawing Library
Last changed: 26 weeks 9 hours ago
Simple but cross-browser library. Applies SVG (using jquery.svg.js) or canvas method if supported on the client browser (includes explorercanvas patch for ie). If not, applies methods derivated from the work of Walter Zorn for compatibility.
| Version | Date | Links |
|---|---|---|
| 1.2.3 | 2007-Nov-14 |
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)
switchClass
This VERY simple plugin provides functionality similar to jQuery's built in toggleClass() function, but instead of adding/removing a single class from an element, switchClass toggles between TWO classes ensuring that one and only one of the two classes is assigned to an element (or elements) at one time. It leaves all other element classes untouched and only affects the two classes specified.
In practical terms, one example usage would be for toggling a table row's class from "odd" to "even" classes after a row has been deleted.
| Version | Date | Links |
|---|---|---|
| 1.0.0 | 2008-Apr-20 |
Timer
Last changed: 33 weeks 4 days ago
Timer is an extension that is loosely based on Prototype's PeriodicalExecuter.
The three main enhancements are:
* It's for jQuery (1.1.x and 1.2.x)
* Timer intervals can be reset during the event
* It's a much shorter name
| Version | Date | Links |
|---|---|---|
| 0.1.0 | 2007-Sep-21 |
Tokenizer
Last changed: 5 weeks 6 days ago
This small plugin/class can easily parse a string, and generate different kind of tokens.
It's very simple and straight-forward. It can perform as a base for other string parsing scripts, like templating engines, custom language interpreters, and many more.
Read the documentation to learn more and see a couple of code samples.
| Version | Date | Links |
|---|---|---|
| 1.0.1 | 2008-Apr-02 |
xPheRe Tooltip
Adds simple tooltip support for jQuery.
- Simplicity
- Customizable
- Optional Metadata integration
- Only 6Kb! (non-packed full-commented version!)
- Less than 3Kb (minified version)
As easy as this:
$('#id').tooltip({text:'This is a tooltip!'})
Project homepage
Download current release (v0.7b)
Download minified current release (v0.7b)
TODO LIST
- AJAX support
- ...
I would be glad if you send me your comments about this plugin.
Thank you!
| Version | Date | Links |
|---|---|---|
| 0.7-b | 2008-Mar-29 |
_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 |