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.

confirm


jQuery confirmation box

Submitted by D3X on September 28, 2010 - 8:08am

Binds a nice confirmation box to links. Degrades gracefully to plain HTML links.

Fast Confirm

Submitted by DJZiaK on September 21, 2010 - 10:10am

Fast Confirm was born when I felt the need to ask confirmation to users on some actions performed on widgets. The small-sized nature of these widgets, and their ease of use pushed me to design a clean, non intrusive way of asking confirmations. A traditional dialog box, with jQueryUI for example would have disturbed the workflow a bit too much. I also needed something that clearly indicated from where the message came from.

So I decided to do my own plugin for this. It had to be lightweight, easy, clean looking, flexible but not with tons of options. So there is no auto-positioning stuff: if you decide to position it on top of your trigger element, it will be on top, even if it is off-page. It's your business to decide which side of your trigger element is suitable to receive the confirm box.

This plugin doesn't use any image, which makes it extra lightweight.

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

MicroModal - A Modal Window Plugin

Submitted by DanielProbst on June 20, 2010 - 1:59pm

MicroModal can be used to display a modal window on click. Useful scenarios include: "Are you sure you want to ...?", "Please enter ...!", and so on.

This isn't one of those huge modal scripts with CSS files and fancy graphics - if you want it fancy, use (or wait for) CSS3. This solution is fat-free.

The (minified) size is about 1.5 kb.

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.

jqDialog

Submitted by kailashnadh on August 5, 2009 - 8:34am

jqDialog is a small (3.7 KB minified) dialog plugin that provides smooth, persistent, non-intrusive alternatives for alert(), confirm() and prompt(). There is also a notify() dialog that pops up and goes away in X seconds.

Dependencies

jquery (1.3)

Demo

http://kailashnadh.name/code/jqdialog

How to use?

notify dialog

jqDialog.notify("This dialog will disappear in 3 seconds", 3);

/* __________________ */
jqDialog.notify("This dialog will stay");
jqDialog.close(); // this makes the dialog go away

alert dialog

jqDialog.alert("This is a non intrusive alert",
    function() { // callback function for 'OK' button
        alert("This intrusive alert says you clicked OK");
    }
);

confirm dialog

jqDialog.confirm("Are you sure want to click either of these buttons?",

Txt

Submitted by nbubna on February 26, 2009 - 2:51pm

Reads key->text pairs from the text of an element(s) with
the class "txt-properties" (by default). These pairs should be
specified in properties file format. These messages can
then be retrieved by their key for direct use, or displayed
in an alert or confirmation popup (either native or jQuery UI Dialog).

Practically speaking, this allows me to hide text content
like error and validation messages in my HTML and not
worry about i18n and other text customization in my
javascript files. Ask for messages by key like this:

  var msg = $.txt('conf.delete');  // returns message
  $('span.confirm').txt('conf.delete');  // sets message as text
  $.txt.ask('conf.delete', function() { // shows message as confirmation popup
     $.txt.say('deleted'); // shows 'deleted' message as simple popup
  });

Or, if you want to insert data into your messages, do
it like this:

UI Confirmation Dialog

Submitted by chrisleishman on January 20, 2009 - 7:17pm

A styled UI confirmation dialog offering similar functionality to the javascript confirm dialog.

Basic usage:

$.uiConfirm({
  message => 'Would you like to continue?',
  confirmed => function() { do_something_on_ok() },
  cancelled => function() { do_something_on_cancel() },
  complete => function() { do_something_on_ok_or_cancel() },
});

All arguments are optional, and include:

message: The text to display [default: 'Confirm?']
confirmed: Callback on confirmation
cancelled: Callback on cancel
complete: Callback when the dialog is confirmed or cancelled
ok_text: Text of the OK button [default: 'OK']
cancel_text: Text of the Cancel button [default: 'Cancel']
modal: Boolean indicating if the dialog is modal [default: true]
overlay: CSS styling for the background overlay [default: {opacity:0.5, background:'black'}]
bgiframe: Use the bgiframe hack on IE [default:true]

jnwDialog

Submitted by Tihh on January 6, 2009 - 12:41pm

Plugin que utiliza jQuery que exibe um formulário "Dialog" na tela.

Criado por Tihh Gonçalves (www.tiago.art.br)

Para baixar o plugin acesse:
http://jnwdialog.googlecode.com/files/jNwDialog%20v1.0.0.zip