Best jQuery Status Message Plugin?
-
03-07-2019 - |
Question
What is the best jQuery status message plugin?
I like jGrowl and Purr, but jGrowl doesn't have the feature to remain sticky (not close automatially) and Purr doesn't seem to work right in IE 6.
I would like to show messages like... the site is about to go down for maintenance, your such and such job has completed, and stuff like that.
Solution
jGrowl does look to have sticky - see sample 2 in the demo page:
https://github.com/stanlemon/jGrowl
...ah - or did you mean after the page has reloaded?
I would then handle this on the server side - i.e. include a sitedown.js that triggers the growl notice each time any page is visited.
OTHER TIPS
A few options...
- Humanized Messages (
demo, 3 KB) looks very cool, and has a nice history rollout - Pines Notify (13 KB) is extremely customizable and supports jQuery UI themes
- jGrowl (6 KB) does actually have a sticky option - use { sticky: true }
I really like this humanmessage plugin. You can customize it to hang around longer and change the appearance, etc --
In order of my preference
Noty http://needim.github.com/noty/ 6kb | Requires jQuery | Github
Humane-JS https://github.com/wavded/humane-js | Demo | GitHub
JQuery UI Growl Notification http://www.erichynds.com/jquery/a-jquery-ui-growl-ubuntu-notification-widget/
Pines Notify http://pinesframework.org/pnotify/ 15KB | SourceForge-Mercurial
SmokeJS https://github.com/jyoungblood/smoke.js | Github
js Message http://dhtmlx.github.com/message/ 4KB | MIT | GIthub
We have started using http://boedesign.com/demos/gritter/ and have to say it accomplishes the osx growl feel better than the others listed out of the box.
We found following simple code from west-wind very helpful in our project.
http://www.beyondweblogs.com/post/Display-Fancy-Status-Message-using-JQuery.aspx
- I used jQuery Noty plugin before, but after v2 it doesn't use css file. You should include too much js file if you use different options.
Toastr is a good alternative. Usage is simple and it is actively developed project.
It has top-full-width and bottom-full-width option without using any other js file.Repo: https://github.com/CodeSeven/toastr
Demos: http://codeseven.github.io/toastr/Pnotify is very detailed and easy to use plugin. It has too many options that looks fun and has a very helpful demo page.
Repo: https://github.com/sciactive/pnotify
Demos: http://pinesframework.org/pnotify/#demos-simple
Here's an Outlook Popup style notification jQuery widget:
There is a pretty nice humanized message one here: http://www.websanova.com/plugins/humanmsg/jquery#websanova