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 year 21 weeks ago

A good way to have extra content or a navigation tool in your page!

This jquery component let you easly build a sliding panel where to insert any kind of content; it has builtin all the functionalities for managing menu lines and sub panels with accordion effect. It can get the content via ajax and therefore you can dynamically build it by passing DATA via request using the metadata attribute settable on the extruder container.

demo page:
http://pupunzi.com/#mb.components/mb.extruder/extruder.html

download page:
http://pupunzi.open-lab.com/mb-jquery-components/jquery-mb-extruder/

Dependencies:

  • jquery.hoverIntent.js
  • jquery.metaData.js
  • jquery.mb.flipText.js (soon available as stand alone)
< < < < < < <
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
< < < < < < < < < <
1 year 52 weeks ago

DNJ is a .Net framework integrating JQuery in ASP.Net applications and Visual Studio Designer.
the project is aiming to mix the power of JQuery and Visual Studio designer capabilities to make the use of JQuery in asp.Net applications easier.

It also provide advanced ajax features like

1-Transparent RPC : the developper can call server side function as javascript ones.

For example you can declare a C# method like this :

//C# code
namespace MySpace
{
public class includes
{
    public int Add(int a, int b)
    {
        return a + b;
    }
}
}

DNJ will allow you to call it using this code

//JavaScript code
$.DNJRPC('#result').MySpace.includes.Add(a , b);

2-Enable Ajax for all ASP.Net controls

3-Provide new web controls using JQuery.UI

: those controls are easy to use and configure with Visual Studio designer and are all wysiwyg !

<
2 years 41 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

 

< < < < <
6 weeks 5 days ago

The Ajax Control Toolkit AutoComplete plugin supports the migration from Microsoft´s Ajax Control Toolkit AutoComplete extender to jQuery UI. The Ajax Control Toolkit AutoComplete extender requires a specific web service to work; this jQuery plugin connects to such a service and then triggers jQuery UI´s autocomplete feature.

<
2 years 1 week ago

jQuery plugin to create a web-based console-like behavior that posts user input commands to an AJAX server, and prints the result text.

Designed to be utterly simple and highly customizable.

The usage is pretty simple, try using this example as a template: http://n0nick.net/jquery/terminal/

You can see a sample of a terminal server here: http://n0nick.net/jquery/terminal/server.phps

< < < <
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

< < < < < < <
2 years 11 weeks ago

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

< < < < < < < < < < < < < < < < < < < < <
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)

< < < < < < < <
2 years 49 weeks ago

This small plugin fixes a known issue with the 'DefaultButton' property of an ASP.Net Panel when used with a LinkButton. The DefaultButton property doesn't work correctly in FireFox due to the fact that an 'A' doesn't have an onClick property by default in FF.

<
2 years 5 weeks ago

Provides functions for HTML5's audio and video tags.

<
3 years 38 weeks ago

Autotab provides smart auto-tabbing and filtering on text fields in a form. Simply put: once you have typed the maximum number of characters in a text field, you will automatically have focus on the next defined text field. Target text fields are defined, as well as a defined previous text field. Also included is a filter that can format or cleans out any unwanted characters in a text field, which is especially useful for product keys, serial numbers, phone numbers, confirmation numbers, social security numbers and much more. It's an auto-tab that works logically and allows you to edit previously typed content with ease!

< < < <
2 years 8 weeks ago

Provides a wrapper for the great syntaxhighlighter (v2.0) by Alex Gorbatchev.

The project page can be found here:
http://bitbucket.org/larscorneliussen/beautyofcode

Please use the issue tracker on bitbucket for any issues:
http://bitbucket.org/larscorneliussen/beautyofcode/issues/

A introduction is available on my blog:
http://startbigthinksmall.wordpress.com/2009/05/28/beautyofcode-jquery-p...

For an old version supporting v1.5 look at this blog entry:
beautyOfCode: jQuery Plugin for Syntax Highlighting

<
2 years 46 weeks ago

BestUpper is change chars to uppercase when is typing. It is support English and Turkish keyboard now. It is clear white spaces when exiting the control in blur event.

Here's an example of how you'd use this plugin:

<script type="text/javascript">
$(document).ready(function() {
   $('.bestupper').bestupper();
});
</script>

For Turkish: Türkçe demo sayfası ve diğer açıklamalar için aşağıdaki sayfayı ziyaret ediniz.
http://www.mustafaozcan.net/tr/page/jquery-bestupper-jQuery-Buyuk-Harf-Eklentisi.aspx

For English: Visit demo site.
http://www.mustafaozcan.net/en/page/jquery-bestupper-jQuery-UpperCase-Plugin.aspx

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

< < < < <
1 year 31 weeks ago

A little plugin to style borders using rounded corner features of CSS3 and some older CSS2 attributes to style the border.

< < <
6 weeks 4 days ago

jQuery plugin providing support for Mozilla's BrowserID, See https://browserid.org/ for more information on the base technology.

<
1 year 45 weeks ago

Description

A jQuery plugin to induce an image swap on hover. Although this plugin does it's job of swapping out images extremely well , that's not what it's main intention is. What canvasSwap sets out to do is not only provide a great image swap utility, but it also allows swapping transparent PNG images in IE 6! (with the help of a PNG transparency script)

This project is also hosted on Google Code

Usage

Example 1: To induce an image swap on images with the class of 'myswap', the image to swap having a suffix of '_hover', and IE 6 PNG support enabled.

< < < < <
2 years 9 weeks ago

An image preloader written in javascript/jquery. This preload all images on your target element including backgrounds.

How to :
$(document).cdzPreloadImages(initCallback,progressCallback,completeCallback);

< < < < < < < <
3 years 11 weeks ago

CFJS for jQuery is a set of ColdFusion functions written in JavaScript and implemented as a jQuery Extension.

<
1 year 33 weeks ago

This jQuery Plugin allows you to add edit in place functionality to you web site but unlike most edit-in place plugins CKeip uses ckeditor.
Demo

How it works ?

When ckeip is called it creates a hidden CKeditor instance on the page, when the div you wish to make editable is double clicked the div will transform into a CKeditor instance.

For usage see documentation.

< < < <
2 years 46 weeks ago

IMPORTANT: This project will not be maintained on this system. Please visit the official website for the latest download files and support:
http://www.fyneworks.com/jquery/Codepress/

  • Tested and works on Firefox2, IE7 and IE6 (all in WinXP SP2).
    Codepress is not supported on Opera/Safari (or is it?), but form submission still works.
  • The same principle can be applied to TinyMCE, FCKEditor and any other rich-text editors.
    Any input regarding other rich-text editors is welcome.
  • The plugin will intercept known methods and install itself against related plugins
    (currently only the jQuery Form Plugin).
    Any input regarding integrating this plugin with other jQuery plugins is welcome.
< < < <
2 years 43 weeks ago

This jQuery plugin adds a new selector to the selector API for retrieving table cells by their column index. It supports tables with column and row spans transparently, no matter how complex a table is. The syntax for selecting column cells is simple and similar to other jQuery selectors. The selector can take several types of arguments for selecting columns, such as keywords, numeric indexes, and equations.

< < < < <
2 years 46 weeks ago

Today I have brought to light the first version of the plugin for jQuery which I have called "cssWithVars". After many years of web development, one of the things that has bothered me is the inability to implement the object orientation to CSS, and always ended up with duplicate code, plus the CSS frameworks available today, forcing the user to know them properly and not supply the object orientation. cssWithVars uses variables and enables effective reuse of code, we can use our classes as variables.

< < < <
3 years 13 weeks ago

An highly customizable item/image rotating script. Supports creating the rotator from various data sources, such as JavaScript object, HTML UL/OL list, RSS feed, Flickr feed. More data sources can be supported with custom bridges.

Preview the plugin: http://test.thecodecentral.com/ajax-rotator/
Full documentation: http://thecodecentral.com/2008/11/12/ctrotator-a-flexible-itemimage-rota...

Call ctRotator with a data source on a selected element:

<ul id="container"></ul>

<script type="text/javascript">
$('#container').ctRotator(dataSource, {
  showCount:5,
  speed:1000
});
</script>

Format of the data source (can be from other sources):

var dataSource = [
{title: 'test', url: 'http://thecodecentral.com', tip: 'Programmer\'s blog for programmers'},
{title: 'test2', url: 'http://thankyouproject.org', tip: 'Fill the World with Thanks'},

< < < < < < < <
1 year 34 weeks ago

ATTENTION!

DUE TO CHANGE IN FACEBOOK POLICY, THE PLUGIN DOESN'T WORK ANYMORE!
Facebook blocked all scraping engines (including YQL) yesterday using their robots.txt by making:

User-agent: *
Disallow: /

Bret Taylor, CTO of Facebook, released the statement on this here: http://news.ycombinator.com/item?id=1439695

The Custom Facebook Fan Box Widget plugin allows you quickly build a list of Facebook fans/"likers" of any facebook object that people can like ("recommend"). By default, Facebook gives code to embed a fan box widget into your page; however, you're limited to widget's code mark-up. The plugin uses YQL to retrieve supporters from the widget and provides you a list that can be styled and modified.

<
1 year 32 weeks ago

Convert any element to a file chooser

Styling a file input in html is almost impossible. Custom File Input changes this.

Just call .file() on an element and it creates an transparent overlay containing a classic file input so you can select files by clicking your element. All mouse events are redirected to original element so it doesn't break custom buttons :).

Triggers the event choose when a file has been chosen. Also supports the new html5 multiple attribute. Usage examble below:

$('#my-element').file().choose(function(e, input) {
   alert(input.val()); //alerts the chosen filename.
});

To upload the chosen file to a server you should then attach the input element to a form element

A demo can be tried here

< < < < <
4 years 6 weeks ago

This is a very simple plugin that allows you to set the default animation duration for all jQuery animations. As of this writing, jQuery 1.2.1 uses a hard-coded value of 400 milliseconds, with no-built in way to set the default (although it is easy enough to get the default.) I needed to be able to set this default globally and on-the-fly for an internal company project, so I decided to do it "the right way" and release it in case anyone else has the same problem.

The plugin adds one function to the global jQuery object (it is not chainable.) It accepts a single parameter, which is any valid animation speed setting.

Calling the function without any parameters or with invalid value will set the animation speed back to the default. The function returns the default animation speed as an integer.

You call the function like this:

$.setDefaultAnimationSpeed("slow");

< < < <
1 year 36 weeks ago

FUNCTIONALITY

Display any child elements of a contener in circle. That's all.

USAGE

4 optional parameters :

  • childIdent : jQuery identifier of target children
  • debut : (int) start position in Degret
  • sens : (boolean) clockwise rotation (or not)
  • parfait : (boolean) real circle (=auto resize contener) or elipse

------------------------------------------------------------

FONCTIONNALITÉ

Dispose les enfants d'un conteneur en cercle, c'est tout :D

UTILISATION

4 paramètres facultatifs :

  • childIdent : identifier jQuery des enfants ciblé (qui seront mis en cercle)
  • debut : (int) position angulaire de départ en °
  • sens : (boolean) sens de rotation (sens horaire ou non)
< < <
2 years 31 weeks ago

Provides a jQuery Disqus plugin to allow displaying the Disqus comments after the page has loaded.

Display all the comments for an article

<div id="disqus_thread"><a href="http://MYDOMAINNAME.disqus.com/?url=ref">Discuss this topic on Disqus.</a></div>

$('#disqus_thread').disqus({
  domain: 'MYDOMAINNAME', // REQUIRED
   title: 'The title of the article',
   message: 'A short description of the article.'
   url: 'http://example.com/myarticle.html',
   developer: 1 // 0 if production.
});

Display the number of comments in a link

<a href="/myarticle.html#disqus_thread">Comments</a>

$.disqusLinks('MYDOMAINNAME');

<