Jquery Notification Plugin.
Wall Script
Wall Script
Monday, October 24, 2011

Jquery Notification Plugin.

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.

Jquery Notification Plugin.


Download Script     Live Demo

Developer
Ravi Tamada
Ravi Tamada
Designer Developer & Freelance
Chennai, INDIA
androidhive.info
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>

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>

Usage

To know more Jquery Notification Plugin ..
web notification

47 comments:

  1. Awesome! Thanks for the share!

    ReplyDelete
  2. Nice Men ! Good work i like this !

    ReplyDelete
  3. Thanks for sharing it! More Power.

    ReplyDelete
  4. exactly what I was looking for

    ReplyDelete
  5. 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.. ^^,

    ReplyDelete
  6. Srivinas & Ravi the best young men. I insert this script next days my Blog. Good morning.

    ReplyDelete
  7. 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?

    ReplyDelete
  8. This is great!! thank you for this

    ReplyDelete
  9. 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!

    ReplyDelete
  10. HOw To create a Notification bar like Facebook or Google + ¿?¿? the red icon!

    ReplyDelete
  11. This is great!! thank you for this! I love your plugin.

    ReplyDelete
  12. Its so cool,
    Thansk for this plugin, it help me alot!

    ReplyDelete
  13. 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!

    ReplyDelete
  14. NICE ty so much, really usefull :)

    ReplyDelete
  15. thanks for that! found it pretty good, that you used animate() instead of $.slidedown(), so you really got smooth transitions!

    ReplyDelete
  16. 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?

    ReplyDelete
  17. this can created very easy using YQL :p

    ReplyDelete
  18. 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

    ReplyDelete
  19. can you put a callback function? that executes after the notification close.

    ReplyDelete
  20. i tried this with php session, but is not working in ie.

    ReplyDelete
  21. 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

    ReplyDelete
  22. A great piece of coding, thanks! Note it doesnt seem to work on internet explorer 9?

    ReplyDelete
  23. thanks a zillion!

    ReplyDelete
  24. Hi mate, I've found some problem if used inside colorbox plugin. Background of notification become transparent . Any Suggest ?

    ReplyDelete
  25. U dont know how much ur script help's new developers...........thank u ...!!

    ReplyDelete
  26. hey hellow man, how i can use with mysql??

    ReplyDelete
  27. can you tell me how to show multiple messages in the same time?

    ReplyDelete
  28. Dear author,
    At the heading "2.Auto Close Notification after some seconds"
    the example text starts like : showNotification(){. It doesnt work, it has to start with showNotification({ ....

    ReplyDelete
  29. Please guys, as earlier asked, is there a way to call this function on the click of a button?
    eg:
    < button type="submit" onClick="showNotification()"> Submit Form

    Please anyone can help with this and i'll really appreciate... thanks

    ReplyDelete
  30. Give the submit button an ID, then use the jQuery ID selector to trigger the onClick event for calling showNotification()

    ReplyDelete
  31. hey man, this is very good plugin, except the close "x" button instead of that how can i configure it
    to "close when simple click on notification" plz give me a hint about it am a newbie in j_query.

    ReplyDelete

mailxengine Youtueb channel
Make in India
X