title: change cursor to busy while page is loading
body: <p>I understand how to use javascript to change the cursor to busy while the page is making and ajax call. </p>
  
  <p>However I have a page that does not use ajax, it uses a postback to reload the page. However the load is rather data intensive and it takes a few seconds. During this time the user can still click on the page. I want to turn the cursor to "waiting" so the user does not try to click on the page.</p>
  
  <p>For example I have a couple of dropdowns that cause postback. I make a selection and the page loads for 3 seconds. While it loads I would like the cursor to turn to waiting so the user does not try to make a selection on a second dropdown until the page reloads.</p>
  
  <p>Is this possible?</p>
  
  <p>Additional Info: (simplified version of my setup)</p>
  
  <p>I have a masterpage: </p>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
  &lt;table width = "100%" bgcolor="White"&gt;
  &lt;tr&gt;&lt;td&gt;
  &lt;h3&gt;&lt;asp:ContentPlaceHolder id="MAIN" runat="server"&gt;&lt;/asp:ContentPlaceHolder&gt;&lt;/h3&gt;
  &lt;/tr&gt;&lt;/td&gt;
  &lt;/table&gt;
  &lt;/form&gt;
  &lt;script type="text/javascript"&gt;
      function cursorwait(e) {
          document.body.style.cursor = 'wait';
      }
  
      var fm = document.getElementById('&lt;% =form1.ClientID %&gt;');
      if (fm.addEventListener) {
          fm.addEventListener('submit', cursorwait, false);
      }
      else {
          fm.attachEvent('onsubmit', cursorwait);
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>and then a page that uses the master page:</p>
  
  <pre><code>&lt;asp:Content ID="Content1" ContentPlaceHolderID="MAIN" Runat="Server"&gt;
  &lt;table runat=server id="tb_simple_search_table" cellpadding = 0 cellspacing = 0&gt;
  &lt;tr&gt;&lt;td&gt;
      &lt;asp:DropDownList...
      &lt;asp:DropDownList...
  &lt;/td&gt;&lt;/tr&gt;
  &lt;/table&gt;
  &lt;/asp:content&gt;
  </code></pre>