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.

notification


jNotify Plug-in

Submitted by DanSwitzer2 on October 4, 2010 - 1:14pm

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.

SlideNote

Submitted by tommcfarlin on September 30, 2010 - 7:19am

SlideNote is a customizable, flexible jQuery plugin that makes it easy to display sliding notifications on your website or in your web application.

Notification Message

Submitted by hiromitz on July 15, 2010 - 6:40am

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

jQueryNotice

Submitted by eko on June 20, 2010 - 9:46am

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 ?

statusmessageQ

Submitted by mbrowniebytes on March 16, 2010 - 10:44pm

Display status messages in a consistent and friendly manner.

* Simple usage - just pass the message and type of message
* Make the messages sticky or auto clear
* Optionally animate the showing and clearing of messages
* Optionally warn users about old browsers - such as IE6
* And more

jNotifica

Submitted by lenon on January 31, 2010 - 2:43am

jQuery jNotifica Plugin

What is it?

jNotifica is a jQuery plugin that provides a beautiful and simple notifications system. It's usefull for substitute JavaScript alerts.

It works in which browsers?

jNotifica is compatible with the most of modern browsers:

  • Firefox
  • Opera
  • Google Chrome
  • Internet Explorer 7
  • Internet Explorer 8

And also Microsoft Internet Explorer 6, but...

...there is a poor support, because IE6 don't support CSS position: fixed.
I had to use a "gambiarra" (something like "quick fix" in English), and
this solution not provides a good "user experience". But works.

okNotify

Submitted by okbreathe on January 23, 2010 - 1:46am

Yes. Another Growl-like notification plugin. This one is A) lightweight
(5.4kb uncompressed, < 2.7kb minified ) and B) Flexible, but
opinionated (takes care of common use-cases out of the box).
Additionally, as stated above, this plugin allows you to create multiple,
simultaneous message queues in different areas of the screen.

Tested in all major browsers (Firefox 3/3.5, Opera 9, IE 6/7/8, Safari 4).

Usage

The plugin add two functions to the jQuery object. noticeAdd takes a string
or an options object (options detailed below and in the script). Without
arguments noticeRemove will remove all notices from the page. If given a
selector or jQuery object it will remove those object(s).

JNotify (JQuery Notification Engine)

Submitted by FabioFranzini on January 22, 2010 - 2:24pm

JNotify is a JQuery Plugin, based on JQuery UI, to create notification messages and status bars.

Usage:


$(document).ready(function() {

// For jNotify Inizialization
// Parameter:
// oneAtTime : true if you want show only one message for time
// appendType: 'prepend' if you want to add message on the top
// of stack, 'append' otherwise
$('#StatusBar').jnotifyInizialize({
oneAtTime: true
})
$('#Notification')
.jnotifyInizialize({
oneAtTime: false,
appendType: 'append'
})
.css({ 'position': 'absolute',
'marginTop': '20px',
'right': '20px',
'width': '250px',
'z-index': '9999'
});
// -----------------------------------------------------

// For add a notification on button click
// Parameter:
// text: Html do you want to show
// type: 'message' or 'error'

Pines Notify

Submitted by hperrin on December 1, 2009 - 7:47pm

Pines Notify is a Growl like notification plugin. The Pines Notify plugin was developed by Hunter Perrin as part of Pines.

Download Pines Notify

Features

* Timed hiding with visual effects.
* Sticky (no automatic hiding) notices.
* Optional hide button.
* Supports dynamically updating text, title, icon, type...
* Stacks allow notice sets to stack independently.
* Control stack direction and push to top or bottom.

* Supports HTML (including forms) in title and text.
* Variable opacity.
* Supports Pines icons/jQuery UI icons/any CSS based icons.
* Supports custom classes for individual notice styling.
* Standard and custom effects.
* Optional drop shadows.

* Callbacks for various events, which can cancel events.
* History viewer allows user to review previous notices.
* XHTML 1.0 Strict compliance.

jBar: A jQuery Notification Plugin

Submitted by pbotelho on October 29, 2009 - 8:16am

jBar is a jQuery Plugin that allows you to integrate notifications in your web site. The behavior is very similar to Twitter’s and Stackoverflow’s notification messages.
The plugin is configurable in text color, position (top or bottom) and other properties. This is how you use it:

$(element).bar({
message : 'Your profile customization has been saved!',
});

You can as well define the following properties:

* color: Color of the notification message
* background_color: Background color of the notification bar
* position: The values “top” and “bottom” define the position of the bar
* removebutton: Boolean defining if there should be a closing cross
* message: Your customized message
* time: Time in milliseconds for notification to disappear