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.

alert


Tikslus dialog

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.

jqueryMsgBox

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

Twitter Styled Alert Bar

This is an extremely flexible plugin which allows you to have twitter like alerts on your website. The alert bars are customizable and have many options.

jQuery Msg

jQuery-msg is a jQuery plugin to display messages to the user.

jQuery-msg is a good way to show errors or warnings messages.

Its main features are:

  • Is very light. Minified version is less than 2 KB.
  • Effects and times are highly configurable.
  • The style is completely configurable with CSS.

jNotify Plug-in

The jQuery jNotify plug-in is an unobtrusive notification system for web-based applications. Use jNotify to inform users when specific actions have completed on your site–such as when an AJAX operation complete.

The jNotify plug-in is designed to replace code where you may have previously used the JavaScript alert() function to provide feedback to the user. The alert() function has two significant UI issues:

  • It is very obtrusive–users must take action (click "Ok") to remove the message or before you can interact with other elements on the page. While sometimes you want the user to acknowledge an action, often you just want to bring something to their attention without requiring them to take additional action.
  • You can not use rich-text–messages are limited to plain text only. Sometimes you want to provide rich-text features, such as links or images, in your notifications.

Title Alert

Description

Plugin for flashing messages in the browser title bar. Useful for notifying users about website events when the browser/tab is out of focus (i.e. chat messages).

Usage example:

$.titleAlert("Hello World!", {
    requireBlur:true,
    stopOnFocus:true,
    duration:10000,
    interval:500
});

Will flash title bar with text "Hello World!", if the window doesn't have focus, for 10 seconds or until window gets focused, with an interval of 500ms

Notification Message

Notification Message Plugin is jQuery Plugin inspired by iPhone notification message and Oleg Slobodskoi's humanized messages plugin.
http://jsui.de/projects/humanizedmessages/

MicroModal - A Modal Window Plugin

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.

jQueryNotice

Informations

Allow you to show some notifications at the top of your website with just a simple line.

How-to use ?

You can use it by just call the following method:

jQnotice('Your notification');

Quite simply, no ?

Lightbox and lightbox dialog

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.