jQuery Forum

Are you doing an AJAX call to load mydiv? Does it take far too long? There are tricks to show busy. But a progress bar would be a problem because you don’t know when the AJAX will return the markup!

Here is the jquery section and button which is currently working:

<script type="text/javascript">
       function loadQueryResults() {
             $("#mydiv").load($("#region").val()+"commands.html");
             return false;
      }
 </script>
 
 <td>
 <button type="submit" onclick="return loadQueryResults();">Submit Query</button>
 <!--<button type="submit" form="QueryForm" onclick="return loadQueryResults();">Submit Query</button>-->
 <DIV id="mydiv"></DIV>
<td>

Does it take far too long? There are tricks to show busy. But a progress bar would be a problem because you don’t know when the AJAX will return the markup!

Using .ajaxStart() | jQuery API Documentation and  .ajaxStop() | jQuery API Documentation is the simplest way to show that you are loading.

I'm pretty new to all of this. How do i tie the ajax start function into my existing submit button?

You don’t! You set it up globally, and whenever a jQuery AJAX call starts it calls  .ajaxStart()  and when it is done, it calls  .ajaxStop().

Does that mean I need to do away with my submit button and load function?

Not at all, ASSUMING that work already.

Can you throw me a bone and show me how it looks in addition to what I have. Submit Query

I showed you the links to the documentation.  You should try to use it.