Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

interface


PhotoShoot Plugin

Average rating
(0 votes)

The jQuery PhotoShoot plugin gives you the ability to convert any div on your web page into a photo shooting effect, complete with a view finder. It provides a number of useful options which enable you to customize the user experience, including blurring, opacity, and a custom onClick function.

Released under MIT.

SHOW NOTICE PLUGIN

Average rating
(1 vote)

The plugin displays a user to your message.
Notification is displayed 4000 milliseconds.
timeDisplay: 4000 / / default
Background, notification lightpink.
bgColor: 'lightpink' // default
$().errmessage({message: 'your notice'}); / / example,
or
$().errmessage({
message: 'red backround and 2000 milliseconds displayed',
bgColor : 'red',
timeDisplay : 2000
});
---
Плагин отображает пользователю ваше сообщение.
Уведомление отображается 4000 милисекунд.
timeDisplay : 4000 // по умолчанию
Фон, уведомления lightpink.
bgColor : 'lightpink' // по умолчанию
$().errmessage({message : 'your notice'}); // пример,
или
$().errmessage({
message : 'красный фон и 2000 миллисекунд отображения',
bgColor : 'red',
timeDisplay : 2000
});

bigger Textarea

Average rating
(0 votes)

Bigs your text area as the value of it reachs a limit.
Just like basecamp do it.

For me at: http://github.com/edgarjs/bigger-textarea

ZoomMap: Zoomable Interactive Designer Maps

Average rating
(1 vote)

This plugin allows you to create a designer map on your website. The map can be zoomed in, and each level of zoom can be populated with data points that are loaded via AJAX. Each bullet can then open a popup with additional data.

The purpose of this plugin is not to replace Google Maps. It is great when you need to have a custom designed map with information embedded.

ZoomMap is running on dozens of high-profile sites and has been featured in SmashingMagazine.

jQuery Notice

Average rating
(3 votes)

jQuery "growl-like" notification plugin

This is the project page for a simple jQuery plugin called jQuery Notice. As the names says, you can give notification to the users of your side.

What! Another one?

There are more growl-like notification plugins out there, and I hear you thinking: why yet another one!? Well. The other plugins out there are not written in a style that I like. I needed my notifications more flexible and lightweight. This project page shows how I achieved that.

(mb)Containers, a jQuery component for full customizable and featured container layout

Average rating
(9 votes)

This is a useful plug in to build full featured and full skinnable containers.
The container can be set to draggable, resizable, collapsable and minimizable.

dependencies:

ui.core.js
ui.draggable.js
ui.resizable.js

How does it work:

here is the js call:

$(function(){
$(".container").buildContainers();
});

here is the code for each container:

<div class="container stikynote draggable resizable" style="width:400px; top:270px;left:170px" buttons="i,m,c">
<table cellpadding="0" cellspacing="0" class="containerTable">
<tr class="top">
<td class="no"> </td>
<td class="n"><a href="">Stiky note</a></td>
<td class="ne">&nbsp;</td>
</tr>
<tr class="middle">
<td class="o"> </td>
<td class="c" >
[your content goes here...]
</td>
<td class="e"> </td>
</tr>
<tr class="bottom">
<td class="so"> </td>
<td class="s"></td>
<td class="se"> </td>
</tr>
</table>
</div>

Empty Value

Average rating
(1 vote)

This is a terribly simple plugin (my first one, actually), used for the common practice of applying specific content and design (class name) for a form field while it's empty.

Usage

Call the function on document's ready state, i.e.

$(document).ready(function()
{
$('input.url').empty_value('http://', true, 'empty');
}

The selected input fields will now be filled with the given value and a CSS class will be applied to them. On the focus event, the value and class will be cleared. When blurred, if still empty, they will be applied back to the field.

Available arguments

  • empty_value: The default value to apply to an empty field. Default: none
  • reset: If true, resets the field's default value on focus. Default: true
  • class_name: CSS class name to use for empty fields. Default: 'empty'

jqRevolve

Average rating
(0 votes)

Smooth-action Carousel Scrolling with jQuery. An interface component that allows for scrolling of arbitrary content (Images, Markup, Text, Iframes, You Name it) in a defined clip region.

jqRevolve supports automatic clip region sizing as well as pressure based scrolling. It is easy to use and customize.

quickSearch

Average rating
(0 votes)

quickSearch is a plug-in for quickly searching through large data such as tables and lists

SFBrowser

Average rating
(5 votes)

SFBrowser is a file browser and uploader for jquery and php5. It returns a list of objects with containing the names and additional information of the selected files.
You can use it, like any open-file-dialog, to select one or more files. Most inherent functionalities are also there like: file upload, file preview, creating folders and renaming or deleting files and folders.

features

  • ajax file upload
  • localisation (English, Dutch or Spanish)
  • server side script connector
  • plugin environment (with filetree and imageresize plugin)
  • data caching (minimal server communication)
  • sortable file table
  • file filtering
  • file renameing
  • file duplication
  • file download
  • file/folder context menu
  • file preview (image, audio, video and text/ascii)
  • folder creation
  • multiple files selection (not in IE for now)
  • inline or overlay window