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.

Plugins


1 week 2 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)

< < < < < < < < < < <
1 year 16 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, ...

< < < < < < < < <
2 years 2 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
< < < < < < < < < <
1 year 19 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

< < < <
2 years 48 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.

< < < < < <
2 years 9 weeks ago

This is plugin allows you to create sexy hover effect for images ;)

< < <
2 years 8 weeks ago

jquery.mb.flipText is a simple plug-in to turn your text vertically in both direction: top-bottom or bottom-top.Wasn't that something you would have done on your HTML pages?

< < < <
1 year 48 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

< <
1 year 41 weeks ago

This plugin rotates images in a three dimensional (simulated) carousel. Optionally, all images can have a description element attached to them that pops up on an overlay whenever that image rotates to the center.

To view a better description of the carousel, including all options and examples, visit my website (bkosborne.com).

Tested and works with jQuery version 1.4.2

< < < < < <
1 year 41 weeks ago

This carousel will take a list of any number of images and rotate them out in either a vertical or horizontal fashion, cascading in with a nice simulated 3D effect. Currently only works with images that are the same dimensions. Many options to customize how it operates and looks. View my website for demonstrations and more.

Tested and works with jQuery version 1.4.2

< < < < < < < <
3 years 37 weeks ago

It is a Simple Tree, that is designed using javascript and html. It has expand and collapse fecilities. You can add the values to the node and remove the node easily. It is simple to use. Use it and practice with this

<
2 years 40 weeks ago

ACCESSdb is a JavaScript library used to dynamically connect to and query locally available Microsoft Access database files within Internet Explorer. All you need is an .mdb file; Access does not even need to be installed! All of the SQL queries available in Access can be executed on the fly, including SELECTs, INSERTs, UPDATEs, and JOINs. Results are output in several customizable formats including JSON, XML, and HTML.

Download Now

 

< < < < <
3 years 49 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.
< < < < < < <
2 years 50 weeks ago

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" } );
< < < < <
4 years 27 weeks ago

Upload files via an individual file type of input element without uploading extra unwanted form fields

< < < <
3 years 3 weeks ago

This plugin replaces the standart file input element. It allows you to upload multiple files without refreshing the page and use any link, image or other element instead of the file input to show the "file selection" dialogue.

< < < <
2 years 5 weeks ago

Ajax Powered Autocomplete (Dropdown list) Plugin for JQuery based on the other version (also of my creation) for other javascript frameworks.

Fully customizable through CSS.

< < < <
3 years 3 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({

< < < < < <
2 years 9 weeks ago

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

< < < < < < < < < < < < < < < < < < < < <
1 year 47 weeks ago

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

Check live demo: Animated jQuery Menu (White Smoke)

< < < < < < < <
3 years 2 weeks ago

This plugin allows to easily code very long-lasting loops in an asynchronous way to avoid losing the browser responsiveness.

<
2 years 45 weeks ago

A jQuery plugin for adding simple auto-fill functionality to your form fields. It clears the default value on click and replaces it if the field is left empty on blur. Allows customizable default value and font colors.

< < < <
2 years 18 weeks ago

This is a jQuery plugin for running Douglas Crockford's JSLint (http://www.jslint.com/) on script tags you specify.
JSLint is required and is included in this repo but the most recent version can be found on the JSLint site:
http://www.jslint.com/fulljslint.js

Use like so:
jQuery('.autolint').autolint();

to run any script tag with the autolint class JSLint and show the results at the bottom of the page.

This is an AutoLint example

jQuery(document).ready(function () {
jQuery('script.autolint').autolint();
});

<
1 year 50 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+...

< < < < <
2 years 30 weeks ago

Code snippets posted online are a great source of knowledge and a simple way to share experience and to reuse code. As developers we always look to see if there is a 'code example' which we can modify to our needs. As bloggers we find code snippets very useful to get our information out to the readers.

AutoSnippet automatically generates the code snippet from the source code (HTML, CSS and JavaScript). No more cumbersome repetitive tasks and no more inconsistencies between example and real code.

Here is how simple it is:

<!-- this is the source div - we write the src only here -->
       <div name="autosnippet:name_of_target_div:[yes/no -use Syntax Highlighter(default=no) ]">
            HTML and javascript goes here
       </div>
      
       <!-- this is the target div - the snippet is automatically generated here -->
       <div name="name_of_target_div"> &lt;/div>

Useful for Bloggers and code sites.

< < < < < <
3 years 12 weeks ago

A small and easy to implement "Add to Bookmarks" button/link script. Works in Firefox, IE and Opera 7+.

Unfortunately Safari and some other browsers do not support this functionality, in which case the script sends an alert to the user instructing her to add the site to her bookmarks manually.

< < <
3 years 38 weeks ago

Esta função é similar a sprintf, porém mais simples.

/*
* s = "The %1 want %2";
* a,b... = args
* BindVar(s,a,b) -> The a want b
* ex.: BindVar("text message %3 %1 and %2", value1, value2, value3) -> text message value3 value1 and value2
* last-modified: 20080429
*/
function BindVar()
{
var v='';
var args = BindVar.arguments;
var numArgs = args.length;
if(numArgs)
{
msg = args[0];
for(var i=1; i < numArgs; i++)
{
v = args[i] != undefined ? args[i] : "";
msg = msg.replace("%"+i, v);
}
}
return msg;
}
<
1 year 27 weeks ago

bit.ly -The intelligent URL shortener- offers realtime statistics about the clicks on shortened links and this button takes advantage of that information. This jQuery button give you a uniform click count button -tall or wide- that people can also use it to retweet your post.

When you use a short link to tweet your post, it may get 100 retweets but in terms of bit.ly stats that could mean 1000 clicks coming from the whole twitter ecosystem which makes another interesting measure of how popular is your post!

View demos & Read intro. post

Bit.ly Button - jQuery Plugin for Your Clicky Post

< < < < <
3 years 49 weeks 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).

< < < <
4 years 15 weeks 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.

<