Jquery Notification Plugin.
Wall Script
Follow Me:
3:12:00 AM

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 ..
Was this article helpful?
Thanks! Your feedback helps us to improve 9lessons.info


48 comments:

  1. Nice Men ! Good work i like this !

    ReplyDelete
  2. Thanks for sharing it! More Power.

    ReplyDelete
  3. exactly what I was looking for

    ReplyDelete
  4. 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
  5. Srivinas & Ravi the best young men. I insert this script next days my Blog. Good morning.

    ReplyDelete
  6. 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
  7. This is great!! thank you for this

    ReplyDelete
  8. 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
  9. great tutorial, thank you for sharing

    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. This is good information thanking you

    ReplyDelete
  14. 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
  15. NICE ty so much, really usefull :)

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

    ReplyDelete
  17. 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
  18. this can created very easy using YQL :p

    ReplyDelete
  19. 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
  20. can you put a callback function? that executes after the notification close.

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

    ReplyDelete
  22. 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
  23. A great piece of coding, thanks! Note it doesnt seem to work on internet explorer 9?

    ReplyDelete
  24. thanks a zillion!

    ReplyDelete
  25. nice one Dude

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

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

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

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

    ReplyDelete
  30. 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
  31. 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
  32. Give the submit button an ID, then use the jQuery ID selector to trigger the onClick event for calling showNotification()

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

Make in India