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 19 weeks ago

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,

< < <
1 year 19 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)
< < < < < < <
35 min 18 sec ago

Freestyle Grid

This plug-in lets you create a grid using either tables or divs & spans. I originally developed it to work with CouchDB but it will work with any JSON source.

The JQuery plug-in lets you map a CouchDb view to a html grid. That's it. I looked at the other JQuery grid plug-ins - many of which are really great - but I couldn't get them working and since I'm lazy. So here are its features:

* HTML agnostic you can use tables or divs or any HTML to layout your data.
* View JSON data from any source - such as CouchDB.
* Column sorting.
* Paging
* Compatible with JEditable. So you can edit your data creating new versions or in place.
* Really small - Currently under 3K.
* Coded in a clean fashion so you can subclass header/body or footer generation and the loading and saving of data.

User Guide: http://69.164.211.38/power/_design/reports/index.html
Download from: http://69.164.211.38/power/_design/reports/jquery.gridiron.js

< < < < < < < < < < <
5 hours 40 min ago

Easily create the most beautiful overlay windows using the jQuery Javascript library.

http://projects.nickstakenburg.com/lightview

< < < < < < <
1 day 1 hour ago

simplyScroll is a jQuery plugin that can animate (scroll) a set of elements either automatically or manually, horizontally or vertically. It also features a infinite/continuous scroll mode.

It can also accept dynamic image input via a Flickr feed (note not API) or a local JSON source. This plugin can be performance intensive, so speed and framerate are fully configureable to accomodate lower spec systems.

Project page with exampes: http://logicbox.net/jquery/simplyscroll/

<
5 days 18 hours ago

This plugin simplifies multiple file uploading using html5 "multiple" attribute in input file field.
Currently works in Firefox 3.6 and modern WebKit (Chrome, Safari, etc.) browsers.

< <
1 week 1 day ago

jPrintArea is a small jquery plugin to print only contents of a specified element.

Sorry folks! this plugin is no longer maintained (as i have moved to gamedev).

Please use jqPrint which is the improved version of jPrintArea - http://plugins.jquery.com/project/jqPrint

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

< < < < < < < < < < <
2 weeks 8 hours ago

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

http://projects.nickstakenburg.com/tipped

< < < < < <
2 weeks 1 day ago

A lightweight jQuery plugin that provides the ability to sort lists using drag and drop.

Usage

$("ul").dragsort({ dragSelector: "li", dragEnd: function() { }, dragBetween: false, placeHolderTemplate: "<li></li>" });
$("ul").dragsort("destroy");

dragSelector: The CSS selector of the element inside the list item to act as the drag handle. The default is the list item itself e.g. LI.
dragSelectorExclude: The css selector of the elements inside the dragSelector to not trigger dragsort. The default is "input, textarea".
itemSelector: The css selector of the list items that are moveable. Will only match elements that are immediate children of list container. The default is tag name of first child e.g. LI.
dragEnd: The callback function that will be called after the dragging has ended (only called if the list order has changed). The keyword "this" in function will refer to list item that was dragged.

<
2 weeks 6 days ago

A plugin which turns you input[type=text|password] and textarea elements into links. When you click a link it turns back to input, you edit the value and on blur it turns back into link. Nice, small and simple.

<
3 weeks 1 hour ago

Calls a function when a user has changed the text within a textbox or textarea and after the user has stopped typing for a specified amount of time.

Note* This is not the OnChange event, instead the function is called after the user has finished typing (or if the user stopped typing for # amount of milliseconds) even if the textbox continues to have focus.

This can be used in conjunction with an AutoComplete implementation, so instead of firing an AJAX call every 500 ms, you can fire it once when they've stopped typing.

Example:

// callback: The function to call
// wait: The number of milliseconds to wait after the the last key press before firing the callback
// highlight: Highlights the element when it receives focus
// captureLength: Minimum # of characters necessary to fire the callback

var options = {
callback:function(){ alert("changed search text"); },
wait:750,
highlight:true,
captureLength:2
}

< < < <
3 weeks 2 days ago

Easily add jk keybinding navigation to a page.

Features:

  • Keys customization
  • Multiple navigation
  • Navigation effect
  • Callback support

Please go to project's website for source code.

<
3 weeks 3 days ago

Introduction

Zino Slider is an image and content slider inspired by jQuery UI source. Require jQuery 1.4.2 or higher

Features

  • Cross browser support (Firefox 3+, Chrome 11+, IE8+, Safari 4+, Opera 10+)
  • Full featured and powerful API
  • Slideshow capabilities
  • Highly customizable
  • Horizontal and vertical orientation
  • Multiple sliders on the same page
  • Unobtrusive JavaScript
  • SEO friendly
  • Valid HTML/CSS
  • Semantic HTML
< < < <
3 weeks 3 days ago

For small (but rich) read only datasets. No server side anything needed. The data is stored as XML in an HTML comment and can be queried with JSON.

Instructions.

Include the clientdb plugin

<script type="text/javascript" src="jquery-1.3.1.min.js"></script>
<script type="text/javascript" src="jquery.clientdb.js"></script>

Put your XML data in a hidden div like so

<div id="myDB" style="display: none;"><!--<xml>

  <bookstore>
    <book category="CHILDREN">
      <title>Harry Potter</title>
      <author>J K. Rowling</author>
      <year>2005</year>
      <price>29.99</price>
    </book>
    <book category="WEB">
      <title>XQuery Kick Start</title>
      <author>James McGovern</author>
      <year>2003</year>
      <price>49.99</price>
    </book>
  </bookstore>
 
</xml>--></div>

Instantiate the database and query the JSON object.

json = $.clientdb("#myDB");

<
3 weeks 3 days ago

Sorry, the language that is written at comment of source code is Japanese.

This is a Form-parts it can "Auto-complete" and "Select".

Uses code and techniques from following libraries:
jquery.suggest 1.1(http://www.vulgarisoip.com/)

*If You use in English, parameter "lang" set "en".

*** HTML ***
<input type="text" id="example">

*** JavaScript ***
$('#example').ajaxComboBox(
'some.php',
{
'db_table' : 'users',
'field' : 'name',
'lang' : 'en'
}
);

Explanation of variables used in PHP file (ver 3.2)

Notice

For safety, please put "acbox" folder besides the document route.

<
3 weeks 5 days ago

This is small plugin for animation of CSS3 Roate. You can use it if you don't need whole CSS3 Transformation, only roatation.

$('img').animate({rotate: '360'});

Download jquery.rotate.js.

<
3 weeks 6 days ago

jQuery Splitter is plugin that split your content with movable splitter between them.

Example

$('#foo').split({
    orientation: 'horizontal',
    limit:10
});

Download: jquery.splitter-0.3.js, jquery.splitter.css

<
3 weeks 6 days ago

JQuery Terminal Emulator is a plugin for creating command line interpreters in your applications.

It can automatically call JSON-RPC service when user type commands or you can provide an object with methods, each method will be invoke on user command. Object can have nested objects which will create nested interpreter. You can also use a function in which you can parse user command by your own.

It′s ideal if you want to provide additional functionality for power users. It can also be used as debuging tool.

<
3 weeks 6 days ago

Tiklsus dialog is a jquery plugin which can show any HTML content(plain text,tables,videos,pictures) inside a popup box.
It also support alert,confirmation and prompt dialog creation.
you can animate tikslus dialog with different transition effects.
you can also create dialogs with custom buttons.

<
3 weeks 6 days ago

This is a jQuery-powered modal windowing system

It can be used to show content inside a nice floating popup frame above the rest of the page.
Here are some key features of "Tikslusbox":

· 8 skins
· 3 transition effects
· Smooth animations
· Page dimming overlay

Support for:
· Images
· Image galleries
· SWF files
· YouTube videos
· MySpace videos
· Vimeo videos
· Metacafe videos
· WMV movie
· Quicktime movies
· Inline HTML content

<
3 weeks 6 days ago

jQuery.msgBox is a plug-in to make smarter displaying messages. Also usage of the plug-in is so easy. You just need to add following files to your page as shown below and the images named 'alert.png', 'confirm.png', 'error.png', 'info.png', 'msgBoxBackGround.png' used by plug-in to 'Images' folder in the root directory. That's all!!!

<
4 weeks 3 days ago

Similar to the popular OS X system message framework called Growl, jGrowl provides a simple way for developers to raise unobtrusive messages to the end-user.

< < < <
5 weeks 1 day 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.

<
5 weeks 1 day ago

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

<
5 weeks 2 days ago

Ninja

User Interface

the jQuery plugin for lethal interaction

Intuitive

Clear syntax, extending what you already know and love about jQuery.

Usable

Keyboard, touch and speech accessible.

Fast

Network-connection-free assets are embedded inside the 21k JavaScript file. Icons are Scalable Vector Graphics and Cascading Style Sheet is base64 encoded.

< < < < < < < < <
5 weeks 5 days ago

The Tab Menu plugin is very small and easy to use jQuery Tab Menu which has built-in selection animation effect, customizable open trigger and optional open and selection callbacks. By default, the drop down menus are opened when the mouse enters a top-level anchor element. This plugin is implemented by http://www.jqwidgets.com and is provided for FREE.

All you need to do, to add the Tab Menu to your web page is shown below:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <link rel="stylesheet" href="style.css" type="text/css" />
    <script type="text/javascript" src="jqwidgetstabmenu.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            jqwidgetstabmenu("tabmenuid");
        });
    </script>
< < < < <
6 weeks 1 day ago

A jQuery plugin for drawing and interacting with chemical diagrams.

Support for popular chemical formats and the PDB Chemical Component Dictionary files.

Follows an MVC design for integration with different visualization components (like 3-D viewers or tabular formats).

See

http://chemcanvas.sourceforge.net/

and download from

http://sourceforge.net/projects/chemcanvas/

<
6 weeks 1 day ago

Say hello to odoTicker, the latest jQuery plugin from Electric Easel. We were looking to create a solution that would use an “odometer-like” ticker to show a number on a page, but that you didn’t have to wait through to see the number. I mean really, who wants to sit there and watch your counter go from 0 to 2986 just to know how many twitter followers you have? Not me. So we created odoTicker to do just that.

<
6 weeks 2 days ago

Creates a scrolling text effect similar to the Twitter Page.

Having released an intial version of my jQuery webTicker and after getting so much success and downloads I have decided to upgrade the ticker and fix some bugs. Please not that there still might be some issues whilst compatibility with IE6 is not guaranteed as it is untested.

Current Version: 1.3
Repository: Github
Requirement: jQuery 1.4.2 / 1.5 or above (note that 1.4.4 is buggy and does not provide good visual performance )
website - http://jonmifsud.com/web-tools/jquery-webticker/

< < < <