Question

I have button

   <UpdatePanel>
         <asp:Button CssClass="btn-send" runat="server"
              OnClick="SendMessage" Text="Send" />
    </UpdatePanel>

Server side method

protected void SendMessage(object sender, EventArgs e){...}

I need to make little delay and show progress bar animation before POST. I would like to use javascript (jquery) for this.

How to make this delayed submit
1) without server delay
2) without second button with client script, which click server button?

Answer 1

You could try something like this…

<asp:Button runat="server" OnClick="SendMessage" Text="Send"
   OnClientClick="return sendMessage(this);" />

<script type="text/javascript">
  var sendBtn = null;
  function sendMessage(btn){
    if(sendBtn==null){
      sendBtn = btn;
      window.setTimeout(function(){ sendBtn.click(); }, 1000);
      // DO YOUR VISUAL STUFF HERE
      return false;
    }else{
      return true;
    }
  }
</script>

The idea is that the clicking of the button first stores the button object, sets a timeout to click the button, and then does the visual things you want to do.

Then after one second, the button is clicked again (this time not doing the timeout section)

(I have not had time to learn jquery yet, but I’m sure there is a simpler way to do this with it)