locked
Display progress image when page is loading using jquery RRS feed

  • Question

  • User149956399 posted

    hi friends,

    When I click Submit button in my Registration form it should be open a (div) progress bar Showing processing.... (or) loading  and block background.

     

    how to display a progress bar loading.... in div after Submit button click??

     

    plsssssss tell me,it's very urgent.

    Many Thanks in Advance.

    Wednesday, October 13, 2010 5:46 AM

Answers

  • User1281381861 posted

    <%@ Page Language="C#" EnableEventValidation="false" %>
    
    <!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 id="Head1" runat="server">
        <title></title>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/themes/base/jquery-ui.css"
            type="text/css" media="all" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.5/jquery-ui.min.js"></script>
        <script type="text/javascript" src="http://github.com/malsup/blockui/raw/master/jquery.blockUI.js?v2.34"></script>
        <script type="text/javascript">
    
            $(function () {
                $('#<%= Button1.ClientID %>').click(function () {
                    $.blockUI({ message: '<h1>Sumitting your request..</h1>' });
                });
            });
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Style=""
            Text="Button1" />
        </form>
    </body>
    </html>
    <script runat="server">
    
        protected void Button1_Click(object sender, EventArgs e)
        {
            //Your server side code
        }
    </script>
    



    • Marked as answer by Anonymous Thursday, October 7, 2021 12:00 AM
    Wednesday, October 13, 2010 6:17 AM