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.

dialog


jQuery UI Dialog Enhance

Submitted by djdarkman on October 5, 2010 - 4:35pm

This is a jQuery UI Dialog runtime patch that extends it with two additional options:

fixedCenter - locks the dialog to the center of the screen
fixFlash - prevents flash content from being above the dialog in legacy browsers

Usage: simply set these options to true like any other jQuery UI Dialog option.

Ninja User Interface

Submitted by uininja on September 18, 2010 - 12:39am

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.

Inline Confirmation

Submitted by canglan@gmail.com on August 3, 2010 - 1:32am

One of the less obtrusive ways of implementing a confirmation dialogue. Requires jQuery 1.4.2+.

Modal Dialogs

Submitted by wjordan on July 23, 2010 - 3:05am

Creates a modal dialog using jQuery

About Modal Dialogs

ModalDialog was created out of a need to have a single function that could handle everything from simple alert dialogs all the way to advanced iframe dialogs. I searched many other projects to find the information necessary to create this function and believe that with the hours of work that I put into building this, it will likely benefit other people looking for something similar.

Example 1

This is the most basic example of the function

ModalDialog({'t':'Results', 'c':'The result of Foo + Bar is FooBar'})

Example 2

In this example were creating an iframe dialog that loads jquery.org

ModalDialog({'t':'jQuery is Amazing', 'w':500, 'h':500, 'm':'iframe', 'u':'http://jquery.org'})

bPopup - A simple JQuery modal popup plugin

Submitted by dinbror on July 14, 2010 - 9:26am

bPopup is a lightweight jQuery popup plugin (2,73kb minified). It doesn't create/style your popup/dialog window but provides you with all the logic (open/close, modal overlay, events etc). It gives you a lot of opportunities to customize so it will fit your needs.
You can open anything you like with bPopup, e.g. movies, forms, ajax-requests etc.

It has been tested in Internet Explorer 6-8, Firefox 2-3.6, Opera 9-10, Safari 4-5 and Chrome 4-5 on a PC.

Demo

http://dinbror.dk/bpopup/

Lightbox and lightbox dialog

Submitted by mitya33 on June 18, 2010 - 12:31pm

This library offers both a traditional lightbox effect but, more usefully, it also offers lightbox-enhanced simulation of the built-in dialog methods alert() and confirm().

For full details and demo please see http://www.mitya.co.uk/scripts/Lightbox-and-lightbox-dialog-99.



As lightbox

To run the lightbox, simply run it on an element (make sure the element has a fixed width and height), i.e.

$('#myDiv').lightbox(noFade, autoDisappear, noLightbox, noClose)

Params

  • noFade (bool) - if true, lightbox transitions simply, without fade in/out effect
  • autoDisappear (int) - the number of seconds after which the lightbox should close automatically. If not set, the lightbox will not close until told to.

jq-serverBrowse

Submitted by ApmeM on June 11, 2010 - 3:36am

Plugin for jQuery library that allow to browse server files, or show other tree-based information in dialog window.
Required dialog from jQuery-ui library, and server code.

Mousey Dialog

Submitted by mdbiscan on May 17, 2010 - 4:45pm

mouseyDialog

mouseyDialog attempts to solve the dialog issue while keeping things simple. It's just a dialog positioned by the mouse. Clicking the close button or outside the dialog will close it (if you're using the click event). mouseyDialog knows where the edge of the window is and will reposition itself if it's outside of it.

HTML required to use mouseyDialog:

  1. 1. An anchor with an href reference to an ID
  2. 2. A corresponding ID on an element (let's you determine the structure - use div, ul, p, whatever!)

HTML Example

<a href="#example">Hello</a>
<div id="example">How are ya?</div>

Calling the Plugin

$('a').mouseyDialog();

Associated Selectors

  • dialog div: mouseyDialog
  • close div: mouseyDialog_close

Options

zIndex

Sets the z-index of the dialog

jDialog

Submitted by jsonlee on April 15, 2010 - 11:04pm

This is a jQuery UI plugin,You can use simple method to create a popup window.

jQuery UI Growl

Submitted by JaapMoolenaar on April 6, 2010 - 10:47am

jQuery UI - Mac OS - Growl plugin

A plugin for jQuery UI to show Mac OS type Growls (Notifications).

It simply shows a jQuery UI dialog in the bottom right corner and dissapears with a custom effect. Every seperate growl piles on top of others. Scrolling the page scrolls the growls along as well.

To show a growl simply do:

$.WsGrowl.show({content: '<p>Growling away!</p>'});
// Or
$(selector).WsGrowl();

Multiple parameters can be passed as an object literal through the 1st functions' parameter, Follow the link to find out and see a demonstration

Notification: Although this is still (very) beta, it does what my client requested. I will be continueing development when I come around to it, altho i imagine this could be a descent base for you developers out there!