Notification Using Jquery

This Blog Introduce a Jquery notification plugin. It means when we want to develop message like notification in our system this blog is usefull.

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.

First of all,

Step 1 : Include the jQuery and notification libraries into your document

<script src="jquery.js"></script>
<script  src="js/jquery_notification_v.1.js"> </script>

Step 2 : Include the notification CSS into your document

<link href="css/jquery_notification.css" type="text/css" rel="stylesheet"/> 

Step 3 : Call this showNotification() function in by passing parameters

showNotification(params);

These are basic steps for include notification system in our system.We have briefly understood by a one simple example.

Example :

<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>
<button>Display Success Message</button>
</body>
</html

This system output like a button of display sucess message , when we press button, a message come like “This is sample notification message” as we put message in javascript function.

This system also build with ajax and with use of PHP also.

You may also like...

Leave a Reply

Your email address will not be published. Required fields are marked *