Tuesday, May 27, 2014

Stylish Jquery Notification in the ASP.Net C#

Step 1:-Download the jquery_notification.css file from the below url


Note:-After downloading the CSS file You have to modify the image locations in that CSS file  

Step 2:- Download or copy this file to .js file from this url

jquery_v_1.4.js



Step 3:- Download this file from the below url jquery_notification_v.1.js


Add this codes in the asp page

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/jquery_notification.css" type="text/css" rel="stylesheet" />
    <script type="text/javascript" src="js/jquery_v_1.4.js"></script>
    <script type="text/javascript" src="js/jquery_notification_v.1.js"></script>
    <script type="text/javascript">
        function showSuccessMessage() {
            showNotification({
                type: "success",
                message: "This is a sample success notification"
            });
        }                               
    </script>
</head>
<body>
    <div>
        <input type="button" class="button" value="Show Success Message" onclick="return showSuccessMessage()" />
    </div>
</body>
</html>

Run and check




No comments:

Post a Comment