Thursday, August 9

Source Code For Different Types of Notification in Asp.net

Here i am explaining how to show different types of notification inasp.net.you also like my previous post
http://shibashishdotnetocean.blogspot.in/2012/08/how-to-show-different-notification-in.html

You can DownLoad This Source Code From My Code Project Article
Download ShibashishNotify.zip - 111.9 KB

Here is my Source Code:-

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="JqueryPlugIn.aspx.vb" Inherits="JqueryPlugIn" %>

<!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 runat="server">
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>
 
    <script src="js/jquery.notty.js" type="text/javascript"></script>
    <link href="css/jquery.notty.css" rel="stylesheet" type="text/css" />
    <link href="css/documentation.css" rel="stylesheet" type="text/css" />


    <title></title>
    <script type="text/javascript">
        $(document).ready(function () {
            $('#sample1').click(function () {
                $.notty({
                    content: "This is a <strong>text notification</strong>."
                });
                return false;
            });
            $('#sample2').click(function () {
                $.notty({
                    title: "2011 England riots",
content: "Widespread public disturbances, including looting, arson attacks, burglary, robbery and some rioting, are ongoing in some cities and towns in England."
                });
                return false;
            });
            $('#sample3').click(function () {
                $.notty({
                    title: "Juno (spacecraft)",
content: "Juno is a NASA New Frontiers mission to the planet Jupiter. It was originally proposed at a cost of approximately US$700 million (FY03) for a June 2009 launch.",
                    img: "images/demo/thumb.jpg",
                    showTime: false
                });
                return false;
            });
            $('#sample4').click(function () {
                $.notty({
                    content: 'This notification will disappear in <strong>five seconds</strong>.',
                    timeout: 5000,
                    showTime: false
                });
                return false;
            });
            $('#sample5').click(function () {
                $.notty({
                    content: "Click on me to try the <strong>callback</strong> function",
                    click:
                                                        function () {
                                                            $.notty({
                                                                content: 'This notification was just created.',
                                                                title: 'Callback!'
                                                            });
                                                        }
                });
                return false;
            });
            $('#sample6').click(function () {
                var title = prompt("Please enter the title of the notification", "Just another title");
                var text = prompt("Please enter the the text of the notification", "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur enim massa, euismod id sollicitudin vitae, iaculis quis erat. Duis et ligula sapien, sed varius lectus. Sed quis urna orci.");
                var img = prompt("Please specify an image src", "");
                if (img != '') {
                    $.notty({
                        content: text,
                        title: title,
                        img: img
                    });
                } else {
                    $.notty({
                        content: text,
                        title: title
                    });
                }
                return false;
            });
            $('#sample7').click(function () {
                $.notty({
                    content: 'I have been clicked, so my work here is complete. Elvi ... wait ... <strong>Superman</strong> has left the building.',
                    img: "images/demo/thumb2.jpg",
                    timeout: 5000,
                    showTime: false
                });
                return false;
            });
        });
                                    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:Button ID="sample1" runat="server" Text="Button" />
        <asp:Button ID="sample2" runat="server" Text="Button" />
        <asp:Button ID="sample3" runat="server" Text="Button" />
        <asp:Button ID="sample4" runat="server" Text="Button" />
        <asp:Button ID="sample5" runat="server" Text="Button" />
        <asp:Button ID="sample6" runat="server" Text="Button" />
        <asp:Button ID="sample7" runat="server" Text="Button" />
   
    </div>
    </form>
</body>
</html>

 I am going to show you the Details:-






You can DownLoad This Source Code From My Code Project Article
Download ShibashishNotify.zip - 111.9 KB

Thanks Shibashish Mohanty



No comments:

Post a Comment

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

ShibashishMnty
shibashish mohanty