Introducing a new jQuery notification plugin, it helps better and enrich message notification system for your web application. This plugin contains four types of notification systems such as Success, Error, Warning and Information with rich user interface. Very easy to implement just follow the steps.
Download Script 
Live DemoDeveloper
The Basic Setup
1. Include the jQuery and notification libraries into your document
<script src="jquery.js"></script>
<script src="js/jquery_notification_v.1.js"> </script>
<script src="js/jquery_notification_v.1.js"> </script>
2. Include the notification CSS into your document
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/>
3. Call this showNotification() function in by passing parameters
showNotification(params);
Example Usage
<html>
<head>
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/>
<script src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
showNotification({
message: "This is sample notification message",
type: "success",
autoClose: true,
duration: 5
});
});
</script>
</head>
<body>
..................
..................
</body>
</html>
<head>
<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/>
<script src="jquery.js"></script>
<script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
showNotification({
message: "This is sample notification message",
type: "success",
autoClose: true,
duration: 5
});
});
</script>
</head>
<body>
..................
..................
</body>
</html>
Usage
To know more Jquery Notification Plugin ..
Awesome! Thanks for the share!
Nice Men ! Good work i like this !
Good Work
very nice! thx
really cool! ;)
Great...
Really NICE!
Nice work thanx.
Thanks for sharing it! More Power.
exactly what I was looking for
like like!!!
really cool.. thanks... ahmn.. in your demo in this plugin.. You had error in the ajax part of the demo code.. it seems like you forgot to put a comma after the type attribute..
anyway, thanks for this.. ^^,
Nice job..i like this
Thank I like this...!
Srivinas & Ravi the best young men. I insert this script next days my Blog. Good morning.
Ravi,
Nice little plugin. It has a neat little API that is easy to work with. I have made a few minor adjustments that I would like to make public so I'm curious as to how you have licensed this?
This is great!! thank you for this
Anyone any ideas how I could modify this to act like an "update available" notification button and upon clicking displays the update?
Any replies appreciated!
great tutorial, thank you for sharing
Thanks for sharing. I love this plugin.
thnx for this plugin .
very nice
HOw To create a Notification bar like Facebook or Google + ¿?¿? the red icon!
This is great!! thank you for this! I love your plugin.
Its so cool,
Thansk for this plugin, it help me alot!
This is good information thanking you
Wow, this is well thought plugin with hooks for every situation. I'm surprised to find also a php usage version. You deserve my applause!
NICE ty so much, really usefull :)
thanks for that! found it pretty good, that you used animate() instead of $.slidedown(), so you really got smooth transitions!
thanks man, you're the best!!
Good Job
Works great :)
Hi Ravi, your plugin works wonderfully. Basically we are a start up good at server side language and database but not so good at the jquery and css part. If i were to use this code , do i have to pay for the license?
this can created very easy using YQL :p
Hy @9lesson in http://demos.9lessons.info/jnotification/index.php
how to show/call information by using HTML ?
In ur demo only use < input type="button" class="button" value="Show Success Message" onclick="return showSuccessMessage()"/ >
how to call with HTML script?
Please ur help bri srinivas :-D
can you put a callback function? that executes after the notification close.
i tried this with php session, but is not working in ie.
how can we use this plugin for showing db operation results
I am using jsp and after a db operation I tried to call the function automatically but it is not working
A great piece of coding, thanks! Note it doesnt seem to work on internet explorer 9?
thanks a zillion!
nice one Dude