Plugins

The plugins site is currently in development.

We've been looking to provide a higher-quality, spam-free experience at the plugins site for some time, and a major error on our part forced us to shut down the current site before we could put the new one in place. We are developing a new site, and you can follow along with its development on GitHub. For more information about this transition, including steps you can take as a plugin author to prepare, please read our post about what's going on.

dynamic


ajaxize converts content into ajax easily!

Easily converts your contents into ajax

Dynamically load your content and automatically convert any link to be loaded through ajax, as easy as:



$('#myDiv').ajaxize({url: '/i/want/allthis/ajaxized'});




You supply an URL and the element will be populated with the returned content, and all the links inside will be also handled by Ajaxize so you can forget about typing tons of javascript functions just to accomplish something that could be easier.



Useful when you want to do ajax pagination, image galleries, browsing, etc.



And...

If you want to avoid some links to be handled and loaded through ajax, just apply the "notAjax" class. Example:

<a href="http://google.com" class="notAjax">Google without ajax</a>

KK Countdown

KK Countdown - JQuery Plug in

Version: 1.2
Date: 24.06.2010r.
Author: Krzysztof Furtak - http://krzysztof-furtak.pl/

Demo: http://krzysztof-furtak.pl/demo-plugins/jquery-kkcountdown/
Download: http://krzysztof-furtak.pl/2010/05/kk-countdown-jquery-plugin/

Plug-in counts time to a particular date in the future.

Available options (on plugin website):

http://krzysztof-furtak.pl/2010/05/kk-countdown-jquery-plugin/

INSTALL:

  1. In a page header following files should be included:
    * JQuery
    * plugin – kk_countdown_1_1_jquery_min.js
    <script src="js/kk_countdown_1_1_jquery_min.js" type="text/javascript"></script>
  2. Once a webpage is uploaded, we launch plug-in with the below code:
    <script type="text/javascript">
                $(document).ready(function(){
                    $("body").kkCountDown();
                });
    </script>

PDK Accessibility: Dynamic font-size

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 '%'.

DynamicLinks

DynamicLinks is a jQuery plugin that lets you add dynamic links to any container. Can be used for SEO, local cloak or more advanced features.

jQuery Plugins - dynamic self loading plugins and includes

Thanks to all for provided the grown work.

Features:

- dynamically load a script or stylesheet
- check if a script or stylesheet as been previously loaded
- preconfigure plugins with multiple files and preloaders
- preconfigure selectors to load plugins
- preconfigure jQuery extensions to dynamically load plugins

Functions

$.included(file) - checks if the file has been already included
$.include(file,force|callback) - includes the file into the header. if force is specified then its include in the body
$.plugin(options) -
id: plugin id
js: script(s) to be included
css: stylesheet(s) to be include
sel: jQuery selector(s) to preload plugin
ext: jQuery function extender(s)
fn: jQuery element function extender(s)
$.plugins({path,plugins}|plugins) - preconfigure multiple plugins. You can also provide a base path to simplify their definition
$.requires(id,callback) - load a plugin

Example

jQuery Option Tree

This jquery plugin converts passed JSON option tree into dynamically created SELECT elements allowing you to choose one nested option from the tree.

It should be attached to a (most likely hidden) INPUT element. It requires an option tree object. Object property names become labels of created select elements, each non-leaf node in the tree contains other nodes. Leaf nodes contain one value - it will be inserted into attached INPUT element when chosen.

The plugin also supports loading additional levels via AJAX calls and preselecting given items at load.

Add Table Rows Count

This plugin automatically adds a column with row count. Thus making your tables more readable and keeping your markup/metadata clean.

The use:

$('.myTables').rowCount();

With options:

$('.myTables').rowCount( { name: "Count", cssClass: "columnCss" } );

jQuery implementation of SWFObject

Allows to add flash content to web pages quickly and easily.

Clonefield

jQuery.cloneField is a plugin that provides you with easy, dynamic form field (or any other DOM element, really) duplication and removal.

Its main purpose is to allow the duplication of a specific field (or fields) within a form, usually a file upload field (think gmail attachments).

It's really simple to use. Just create a button (<a>, <button>, <span>, <p>, whatever, really) immediately BEFORE the field(s) to clone and apply the clonefield plugin to it, passing the desired jQuery elements as the first parameter.

$("a#add").cloneField($("input#file"));

It's that simple.

$.cloneField has a number of customizable parameters that you can pass as a second argument.

allowRemove: true, // allow removal of cloned elements; automatically creates removal button based on "add" button markup to create consistency
removeLabel: "Remove", // text for removal button
maxClones: 0, // maximum number of cloned fields