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.

ajax


(mb)Menu, a powerful jQuery multilevel tree menu

Submitted by pupunzi on January 7, 2009 - 5:17pm

This is a powerful component to build easily a multilevel tree menu or a contextual menu (right click) in an intuitive way!

Dependencies:

none

here is the js call:

$(”.myMenu”).buildMenu(
{
  template:”menuVoices.jsp”,
  additionalData:”",
  menuWidth:200,
  openOnRight:false,
  menuSelector: “.menuContainer”,
  iconPath:”ico/”,
  hasImages:true,
  fadeInTime:200,
  fadeOutTime:100,
  adjustLeft:2,
  adjustTop:10,
  opacity:.95,
  shadow:true,
  closeOnMouseOut:true,
  closeAfter:500,
  minZindex:"auto", // or number
  hoverIntent:0, //if you use jquery.hoverIntent.js set this to time in milliseconds; 0= false;

});

or you can call it as contextual menu:


$(document).buildContextualMenu(
{
template:”menuVoices.html”,
menuWidth:200,
overflow:2,
menuSelector: “.menuContainer”,
iconPath:”ico/”,
hasImages:false,
fadeInTime:200,
fadeOutTime:100,
adjustLeft:0,
adjustTop:0,

Tipped - The jQuery Tooltip

Submitted by staaky on January 19, 2012 - 7:49am

Easily create the most beautiful tooltips using the jQuery Javascript library.

http://projects.nickstakenburg.com/tipped

TN34 accordion

Submitted by tn34.de on October 12, 2010 - 10:49am

This plugin creates a accordion!

Browser compatibility:

- Firefox v2/3+
- IE v6/7/8+
- Opera v9/10+
- Safari v3
- Konqueror v4+

Features:

- Clean&Valid Markup
- multiple accordions per page
- ajax
- option for animationmethod and animationspeed
- beforeChange / afterChange functions

Autobrowse endless scroller

Submitted by msjol on September 28, 2010 - 10:51am

When run on a DOM element, this plugin will make the element grow and fill its content automatically when the user scrolls to the bottom of the element. The content is fetched via ajax, and the plugin keeps a cache using local storage.

Example usage: $(document.body).autobrowse(options);

More info and demo over here.

JsonRPC

Submitted by safchain on September 20, 2010 - 6:12am

JsonRPC

A simple JsonRPC client library

Example 1

$.JsonRPC.request ("http://xxx.xxx.xxx/jsonrpcServer", method, params, {
        success: function (response) {
                // {"id":1,"result":"...","error":null}
        },
        error: function (response) {
                // {"id":1,"result":null,"error":"..."}
        }
});

Example 2

$.JsonRPC.endPoint = "http://xxx.xxx.xxx/jsonrpcServer";
$.JsonRPC.request (null, method, params, {
        success: function (response) {
                // {"id":1,"result":"...","error":null}
        },
        error: function (response) {
                // {"id":1,"result":null,"error":"..."}
        }
});

Site Hasher

Submitted by palaueb on September 16, 2010 - 6:20pm

How to configure our site con run this code?

Hasher is unobtrusive, is for that reason that you only need to develop your site once in HTML and leave the obscure part to hasher.php. Hasher just cuts the important part of the site and give to AJAX to replace a website are (for example a div contents).

We need to configure two parts, the PHP part (hasher.php) and the jQuery part (jquery.hasher.js).

The JS part:

First of all, add jquery and jquery hasher plugin files to all your desired ajax friendly pages.
Once, create a selector for all links that you want that fire the ajax load. In the example we use "#top a". Then, hasher replaces the current link for another "History navigation and AJAX friendly" (HNAF), that sound like: 'currentURL#!/folder/file.html'.

At this point we have something like this:

$('#top a').hasher([options]);

jQuery-busy

Submitted by mak_sym on September 11, 2010 - 7:57am

jQuery-busy allows to effortlessy show or hide animated activity / busyness indicator (call it spinner, loader or however you wish).

NavDock Menu Plugin

Submitted by Denis Pissoort on September 10, 2010 - 6:48am

NavDock is a simple dock style menu icon.

homepage and demo here :
http://dipi-graphics.com/labs/6/NavDock-jQuery-Plugin.html

cheers

jDesktop - framework for making desktop-like environment in a web browser

Submitted by fractalbrain on August 4, 2010 - 5:00am

jDesktop is a framework for making desktop-like environment in a web browser with very cool effects and animations on windows.
You can resize, minimize, maximize, drag windows and change windows themes.

It provides a nice way to organize your applications. Creating windows is very simple. Just call jDesktop.StartApp() function ad pass few parameters to it like this:

jDesktop.StartApp("appID", "windowTitle", "", "", "");

Wach the plugin in action on fractalbrain.net
or visit windowbuilder.fractalbrain.net for online documentation and window code generator.