Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

control


PDK Accessibility: Dynamic font-size

Average rating
(1 vote)

This is a highly configurable accessibility plugin to control the font-size of your content dynamically.
See: Screenshot
This plugin changes the font-size of your content by clicking on a link i.e. 'a' tags (one each for increasing & decreasing the size).
You only need to specify the name of the container div or element of the content & need not specify every basic element like h2, p, span, etc. inside the container.
The font-size to the mentioned container must be specified in "px" in CSS (16px recommended but not compulsory). All the other elements inside must have font-sizes specified in either 'em' or '%'.

Rating Control UI

Average rating
(3 votes)

This is an easy to use rating control. It takes a normal select box, and turns it into a rating that your users can click on. The select box is preserved so you can still bind on change, get, and set the value in the rating control. The image is controlled with CSS and a simple gif, so you can make it look like anything you need.
This control works with AJAX and $.serialize() as well as my own $.serializeForm() plugin.

Turns this:

<select class="rating">
<option value="0">Did not like</option>
<option value="1">Ok</option>
<option value="2" selected="selected">Liked</option>
<option value="3">Loved!</option>
</select>

Into a Rating Control with 4 stars.

Special Keys

Average rating
(0 votes)

You can use this plugin to easily determine if a certain key is pressed at any time within you javascript timeframe be it an event or a function executed by a timer.

Just use:

if ($.specialKeys('ctrl')) {
    alert('Control Key is pressed');
}

at any point in your code and it will return true or false depending on if the key was pressed.

You can pass the following strings to check for special keys:

  • control, ctrl:
  • alt
  • shift
  • enter, return

Please let me know about any other keys you might want included.

you can also check for the key with the keyCode.
For example you can use 13 to check for Enter:

if ($.specialKeys(13)) {
    alert('Enter is pressed');
}

XML Editor

Average rating
(0 votes)

CURRENTLY ONLY VIEWS XML

An open-source licensed XML editor written in JavaScript, making extensive use of jQuery and available as a jQuery plugin. Tested in IE6 and other browsers.

Current version 0.1:
Views XML data

jQuery Extended Click Events

Average rating
(0 votes)

This plugin gives you extra click events in your projects: {ctrl+}{,alt+}{,shift}+click.

Very easy to use: $('#el').bind('ctrlclick', function() { ... });

<script src="jquery.event.extendedclick.js" type="text/javascript"></script>

// Test out all the hot, new clicks!
$(document).ctrlclick(function(e) {
    alert(e.type+'!');
});

$(document).bind('altshiftclick', function(e) {
    alert(e.type+'!');
});

Available flavors:

  • ctrlclick
  • altlclick
  • shiftclick
  • ctrlshiftclick
  • ctrlaltclick
  • altshiftclick
  • ctrlaltshiftclick

jParallax

Average rating
(8 votes)

jParallax turns a selected element into a viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and/or options), they move in a parallaxy kind of way. That is, they 'slide' over one another, the bigger layers going 'faster' than the smaller.

Check out the docs and the demos to really see what jParallax does.

If the layers are made of <div>s or <li>s or any other container then content can be positioned inside those layers, and jParallax provides ways to navigate to that content in response to user events.

readyX

Average rating
(1 vote)

readyX extends the jQuery(document).ready event to permit greater control of the order in which the ready event callbacks get executed. readyX provides three queues instead of jQuery's one.
The queues are:

  • first : single function that runs as the very first callback
  • last : single function that runs as the very last callback
  • list : array of functions that are run sequentially between the first and last callbacks. callbacks in jQuery.readyList are appended to the end of the array for executing.

jSelectDate

Average rating
(5 votes)

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.