Plugins
Home

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.

Plugins


AJAX-ZOOM :: Image Zoom & Pan Gallery, Fullscreen View :: 360° Object Rotate HTML5 - iPad touch support.
2 weeks 6 days ago

AJAX-ZOOM player is a powerful single image zoom & pan viewer with optional gallery extension. It features over 300 other options and can be easily integrated into any website, eCommerce solution or CMS.

AJAX-ZOOM uses image tiles to quickly generate a portion of the zoomed image (similar to Google Maps).

In a special 360° rotation mode it can also be used as object spinner.

Links
Examples
Magento (demo store)
xt:Commerce (xtcModified demo store)
VR Objects 360° (3D Spin & Zoom)
Oxid (demo store)
< < < < < < < < < < <

Amazon style image and title scroller with jQuery
1 year 28 weeks ago

Amazon style image and title scroller with jQuery.

More script and css style: www.htmldrive.net
< < < < <

"WiseJS" The best of Javascript and .Net - Together!
1 year 18 weeks ago

WiseJS - a wise tool for web developers

The components of WiseJS allow to embed any javascripts components in ASP.NET, including jQuery Plugins, jQuery UI, and more, includes powerful assistants to access different database, creation of events/actions on the server side and/or client side. Allows the simultaneous use of C # or VB and javascript.
Note: When viewing the full demo for the first time, be patient because the demo needs to load a set of full libraries; jQuery, jQuery UI, ExtJS, Dojo, DHTMLX ...

WiseJS´s components have two main goals:

A - The first scenario envisages the use of any component javascript. Allows it to be integrated into ASP.NET, using components from WiseJS specially created for this purpose.
These components contain a powerful assitant, which facilitates the integration, such as easy access to various databases, creation of events/actions to be processed on the server side, ...
< < < < < < < < <

# jQuery Menu Style 1 - Drop Down Menu with Visual Effects
2 years 1 week ago

jQuery Menu Style 1

jQuery Menu Features

  • Full cross-browser compatibility
  • Fully accessible even when javascript is turned off, as a pure css menu
  • Search engines optimized
  • Clear unordered list (LI and UL HTML tags) structure of jQuery menu
  • Easy to setup and update
  • Fantastic animation and transition effects
  • Multiple pre-desinded color schemes
  • Completely customizable styling with CSS
  • Powered by jQuery
  • Extremely small - 3kb uncompressed

Color Themes:
(White Smoke) jQuery Menu
(Dim Gray) jQuery Menu
(Black) jQuery Menu
< < < < <

# Visual Lightbox - Create fantastic lightbox-style galleries and slideshows. jQuery LightBox Plugin.
2 years 4 weeks ago

Visual Lightbox is a jQuery plugin for lightbox-style photo galleries and slideshows.

Visual jQuery LightBox Features

  • Slideshow with autostart option
  • Thumbnail and code generator for Windows & MAC
  • XHTML compliant
  • Zoom effect with overlay shadow
  • Rounded corners of overlay window
  • Large images fit to browser window
  • Overlay floating - image floats on scroll staying always visiable
  • Smooth cross-fade transition & animation
  • Image preloading after the page is loaded
  • Keyboard navigation
  • Graceful degradation when javascript is not available
  • A lot of nice gallery themes
< < < < < < < < < <

$(...).once();
2 years 41 weeks ago

Filters out all elements that had the same filter applied on them before. It can be used to ensure that a function is only applied once to an element.
<

$(...).tap()
2 years 22 weeks ago

Eavesdrop into the chain (à la Ruby's Object#tap).

Example:

Want to know what elements this affects?

$('.foo').add('.bar').hide();

Tap into it!:

$('.foo').add('.bar').tap(function() {
    console.log(this);
}).hide();
< <

$.bind - binds an object to a function
3 years 22 weeks ago

This methode allows you to bind an object and sveral arguments to a function.
< < < < <

$.diff
1 year 20 weeks ago

jQuery Diff objects Plugin

$.diff(obj1, obj2) returns an object containing the differences between two objects.

The result object looks like this : {mod: ..., add: ..., del: ...} reflecting the modified, added and deleted properties into the copy of the original data.

Copyright 2010, Marc Rutkowski / Attractive Media
Dual licensed under the MIT or GPL Version 2 licenses.

Based upon the code of Michael Schøler
< < < <

$.editableAreas
2 years 49 weeks ago

This plugin allows you to convert parts of the page into editable areas, just click on them and when you finish editing click outside. If you convert an inline element (h1...h5, p ) with this script, the line breaks will be disabled.
< < < < < <

$.inJSON - Search by Key in JSON Data
1 year 21 weeks ago

I needed a quick and dirty way to find a particular key's value in a JSON blob of relatively arbitrary structure. So I made the following jQuery 1.4.2 plugin, inJSON, along the same lines as $.inArray and $.grep

Example of usage:

var zomg = {
    "a": "b",
    "c": {
        "d": "e",
        "a": [
            {
                "a": "barf"
            },
            {
                "z": "biz"
            }
        ]
    }
};


$.inJSON(zomg, "a");
["b", [Object { a="barf"}, Object { z="biz"}], "barf"]
< < <

$.lazy <1kb
2 years 36 weeks ago

Download
Download from the project page at unwrongest.com/projects/lazy

Description
This Jquery plugin is an on-demand plugin loader, also known as a lazy loader. Instead of downloading all Jquery-plugins, you might or might not need, Lazy downloads the plugins when you actually use them. The major difference between Lazy and it's competitors is it's size.

Usage

$.lazy('jquery.elastic.js','elastic');
$.lazy('jquery.validation.js','validate');
$.lazy('jquery.ajaxdotnet.js','ajaxDotNet');

// And then you use you plugins as you always do
$('textarea').elastic();

Usage with dependencies

$.lazy('ui.draggable.js','draggable',{
'css':['modal.css','drag.css'],
'js':['ui.core.js']
});

// And then you use you plugins as you always do
$("#draggable").draggable();

Verified Browser Compatibility
<

$.respondTo
2 years 5 weeks ago

Plugin to dynamically handle different content types for an AJAX response.

Usage

Should be nearly identical in usage to the built-in $.ajax method except
automatically post-processing response data according to incoming mime-type,
and the parameters passed to the success callback.
Those are now:

( data, contentType, statusCode )

Where data is the same as it always has been, contentType is a string representation
of the content type, and statusCode is the actual numerical HTTP status code
returned from the server.

You can also use custom content-type callbacks such as html, json, and script.
The callback for the respective content-type will be called immediately after the success callbacks.
< <

$.tabify <0.5kb
2 years 50 weeks ago

Download
Download from Google Code

Description
It is very easy to use Tabify. All you need to do is to create an ul-list, fill it with a couple of li-elements with containing links (tabs) and create a couple of matching content divs. In the example below notice how the href-attribute on the link elements corresponds to the content div IDs.

Usage

$('ul').tabify();

<ul id="menu">
<li class="active"><a href="#contentHome">Home</a></li>
<li><a href="#contentGuestbook">Guestbook</a></li>
<li><a href="#contentLinks">Links</a></li>
</ul>
<div id="contentHome">Content for Home</div>
<div id="contentGuestbook">My guestbook</div>
<div id="contentLinks">Links</div></pre>

// All divs but #contentHome will be hidden since the menu option 'Home' has the class name 'active.
< < <

(v)sprintf
1 year 50 weeks 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
< <

:data() selector filter.
2 years 38 weeks ago

This plugin allows you to query elements for data that has been added using the $(elem).data() function. This works in a way similar to querying elements for attributes using the [attr] filters. You use it something like this:
$("#someElem:data('bar=foo')");
Just like [attr] it allows for more complex matching such as: != (does not equal), ^= (starts with), $= (ends with), *= (contains).
Since the $(elem).data() function also excepts objects you can query for object properties using:
$("#someElem:data('object.property.something^=bar')");
Read on...
< < < <

Accessible
3 years 50 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.
< < < < < < <

accessible radio button and checkbox replacement
2 years 41 weeks ago

Replaces radiobuttons and checkboxes with a more skinable Version.

Needs jQuery UI core and jQuery.bind http://plugins.jquery.com/project/bind.
< < < < <

Adjacent
3 years 4 weeks ago

This new traversal function will select all the adjacent siblings to the current element which match a given filter, stopping when it finds an element which doesn't match.
<

Advanced Form Validation
2 years 16 weeks 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:
< < <

Ajax Manager (block, abort, queue, cache)
1 year 51 weeks ago

Helps you to manage Ajax requests and responses (i.e. abort requests, block requests, order responses).

Note: The version (2.5.x) is not compatible with jQuery 1.4. Ajaxmanager version 3 is compatible with jQuery 1.4.x and is located at http://www.protofunc.com/scripts/jquery/ajaxManager3/.
< <

AjaxFilter
3 years 4 weeks ago

This plugin requires jQuery +1.3. that includes 1.3 beta releases (already out)

This tiny plugin provides a registry for different filter functions to sanitize ajax responses.

If you want to provide a new implementation, you need to do something like this:

jQuery.ajaxFilter.register( 'js_in_href', 'html', function( data ){
     return data.replace(/href="javascript:[^"]+"/g, '');
});

or

jQuery.ajaxFilter.register('eval', 'script html json', function( data ){
     return data.replace(/eval\(.+?\);?/g, '');
});

Arguments for jQuery.ajaxFilter.register() are:

  1. Name for the filter, used as 'filter' when calling jQuery.ajax.
  2. One or more dataTypes to handle. Can be any combination of ajax, html, json and xml separated by spaces.
  3. The filter function. Will receive 2 arguments: the data and the type. The 'this' will reference the settings object.

To use it, you do:

jQuery.ajax({
< < < < < <

AllowChars
2 years 28 weeks ago

Modo de uso:

Simple:

Permite letras, numeros, y espacios.

$('selector').allowChars();

Personalizado:

$('selector').allowChars({
   letras: [boolean],
   numeros: [boolean],
   espacios: [boolean],
   caracteres: [string], // ejemplo: caracteres: '.-@/+'
   setfocus: [boolean]   // pone el foco sobre el objeto
});

otros:

Si el formulario donde se utiliza esta ordenado con las propiedades 'tabindex' de cada elemento, se le puede pasar como parametro 'enter' en true o false para que al presionar la tecla enter automaticamente pase al siguiente campo.
Asi como tambien la cantidad de campos que existen. Por defecto es 20. Este parametro hace que al llegar al ultimo campo y presionar la tecla enter, se envie el foco al primer campo. No hay problema en poner una cantidad mayor a la que existiere en el formulario. La funcion detectara que ya no existen mas campos y volvera al inicial
< < < < < < <

Amini
2 years 11 weeks ago

Hi Dear,
Mohammad Ebrahim Amini Faravaghi
Thank You For Visit.
--Best Regards
< < < < < < < < < < < < < < < < < < < < <

Ancestry
3 years 26 weeks ago

Adds two additional filter types to jQuery:
$().descendantOf(DOMElement);
$().ancestorOf(DOMElement);

This plugin was created because there is no default method for determining DOMElement containment after initial selection. It was discussed on the jQuery Development group and the following people contributed comments and code that all informed the final result: Michael Geary, Diego Perini, John-David Dalton, John Resig, and Nathan Hammond.

Also, if you're feeling bold, there is included a bit of code to allow for a context to be specified when searching for a DOMElement.
< <

Animated jQuery Menu - Corporate Style
1 year 48 weeks ago

Multilevel jQuery Menu with fade and smooth drop-down animation on submenu appearance.

Check live demo: Animated jQuery Menu (White Smoke)
< < < < < < < <

Array Plugins
2 years 16 weeks ago

This project aims to add functions to the jQuery object that will allow it to function more like a native Javascript Array.

The code has migrated from the jQuery google code site to bitbucket.org.
<

Attributes and CSS Properties Name Value Operators
2 years 49 weeks ago

jquery.dbjnvo.js

Copyright (c) 2009 Dusan Jovanovic ( http://dbj.org )

Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php

INTENT :

1 :: Shorthands for operating on values of attributes or css properties

2 :: Introduction of objects to be used for both attributes and css properties

3 :: Allow for 'chaining' which is not possible with current (1.3.2) methods attr( name ) and css ( name )

API:

DOM Attributes and CSS properties logically share the same interface. To represent this fact, this plugin introduces DOM Attr object implementation. (Without methods it inherits from its parrents in the spec.) It also introduces object that represents CSS property object. (http://www.w3.org/TR/DOM-Level-2-Core/ecma-script-binding.html)

Object :: Attr

The "root object" Attr has the all the properties and methods defined below.

name()
<

attrNameBegins
1 year 51 weeks ago

Custom selector ":attrNameBegins(prefix)" filters elements that have an attribute whose name begins with prefix. For example, this can be used to select HTML 5 custom attributes, which take the form data-something="value", by specifying ":attrNameBegins(data-)".

Another plug-in, defineDatasets, to be submitted soon, will define datasets associated with HTML 5 custom attributes, per the HTML 5 Draft Specification. Used in conjunction with that plug-in, this selector can be used to "namespace" custom attributes. For example, if you have custom attributes for forms and CSS, you could namespace them as data-formSomething and data-cssSomething. This selector allows filtering on those namespaced attributes by specifying ":attrNameBegins(data-form)" or ":attrNameBegins(data-css)".
< < <

Automatically generate the table of contents with jQuery
1 year 52 weeks ago

jQuery extension that auto generates the table of contents. Properly handles ul/ol indentation to indicate heading level.

http://www.robusthaven.com/articles/Automatically+generate+the+table+of+...
< < < < <