Question

So I have an asp:imagebutton for lets say loginning into a web site.

OnClick the page does xyz and then redirects you, there is a pause time between the redirect from when the button was clicked. To make the wait a bit more user friendly I am replacing the button with a processing image and text the javascript that does this is:

$(document).ready(function () {
    $(".ShowProcessing").click(function () {
        $(this).replaceWith("<img src='/content/images/processing.gif' /> Processing");
    });
});

This is the button:

<asp:ImageButton ID="Login" runat="server" OnClick="Login_Click" CssClass="ShowProcessing" />

The problem is the change to processing image happens but the asp OnClick event however does not fire.

Answer 1

Instead of using .replace() tried and succeeded with:

$(".ShowProcessing").click(function () { 
    $(this).hide(); 
    $(this).after("<img src='/content/images/processing.gif' /> Please wait..." ) 

});