jQuery Notification After Postback in ASP.NET

mihirsoni.123@gmail.com (Mihir Soni) — Fri, 16 Sep 2011 11:33:17 +0530

Hi all,

I read in several forums that developers were struggling to show a jQuery notification message on a page after a postback. This matters a lot for making a website’s UI attractive nowadays.

Here’s a simple tutorial to solve that.

I’m using the jQuery showMessage notification plugin for displaying the message.

Here’s the code for the ASPX page, Default.aspx:

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
 <title>Jquery Postback demo</title>
 <script src="JS/jquery.showMessage.js" type="text/javascript"></script>
 <script src="JS/jquery.showMessage.min.js" type="text/javascript"></script>
 <link href="CSS/style_msg.css" rel="stylesheet" type="text/css" />
 <script type="text/javascript"
 src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
 charset="utf-8"></script>
</head>
<body>
 <form id="form1" runat="server">
 <div>
 <asp:TextBox ID="txtFirstname" runat="server" />
 <asp:Button ID="btnSubmit" runat="server" style="height: 26px" />
 </div>
 </form>
</body>
</html>

I’ve just added one textbox and one button to the page — here’s the code for the button click event:

Jquery - Tag - Mihir Soni

jQuery Notification After Postback in ASP.NET