Wednesday, August 8

How to Show Different Notification In Asp.net using Jquery and Javascript ?


Hi I am going to show you different types of notification in asp.net

 You can DownLoad Source Code From My Code Project Article


Here is my Source Code:-
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
       <title>Plugin jNotify v2.0</title>
       <meta http-equiv="description" content="" />
       <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <link rel="stylesheet" href="jquery/jNotify.jquery.css" type="text/css" />
</head>
<body>
<p>
<a href="#" class="success">It's a success !</a><br />
<a href="#" class="notice">It's a notice !</a><br />
<a href="#" class="error">It's an error !</a><br /><br />
<a href="#" class="three">Success, Notify and Error !!</a><br />

</p>
<script type="text/javascript" src="jquery/jquery.js"></script>
<script type="text/javascript" src="jquery/jNotify.jquery.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        /** success **/
        $("a").click(function (e) {
            e.preventDefault();
            switch ($(this).attr('class')) {
                case 'success': jSuccess('Congratulations, a success box !!'); break;
                case 'notice': jNotify('Notification : <strong>Bold</strong>, <u>Underline</u> and <i>Italic</i> !'); break;
                case 'error': jError('ERROR : please retry !'); break;
                case 'three':
                    jSuccess('Success : a notify box comes after',
                                  {
                                      TimeShown: 2500,
                                      onClosed: function () {
                                          jNotify('Notify : an error to finish. Please click to show the Error box',
                                                       {
                                                           VerticalPosition: 'top',
                                                           autoHide: false,
                                                           onClosed: function () {
                                                               jError('ERROR : now it\'s finished !<br />Please click on the overlay background to close jNotify ! :)', {
                                                                   clickOverlay: true,
                                                                   autoHide: false,
                                              HorizontalPosition: 'left'
                                   });
                                      }
                                  });
       }             });
            break;
            }
        });
    });</script>

</body>
</html>






 You can DownLoad Source Code From My Code Project Article


No comments:

Post a Comment

Please don't spam, spam comments is not allowed here.

ShibashishMnty
shibashish mohanty