How to show ajax loading gif animation while the page is loading?

by

There are many approaches to do this.
A simple way to do:

<div style="display:none" id="dvloader"><img src="https://stackoverflow.com/questions/1305260/loading.gif" /></div>

JS:

$(function() {
    $(".changepass").click(function() {
        $("#dvloader").show();
        $(".block1").load("views/changepass.template.php", function(){ $("#dvloader").hide(); });
        return false;
    });
});

Edited display:block to show() after suggestion from James Wiseman 🙂

More Related Contents:

  1. How do I post multiple parameters to a URL
  2. Can anyone help me what is wrong in this code ajax using with php? [closed]
  3. I dont want the users to log in two times from WordPress and cakephp [closed]
  4. PHP display div with select option
  5. How to use this code my wordpress theme
  6. Laravel csrf token mismatch for ajax POST Request
  7. Form submit with AJAX passing form data to PHP without page refresh [duplicate]
  8. Using Jquery Ajax to retrieve data from Mysql
  9. How to upload multiple files using PHP, jQuery and AJAX
  10. Laravel 5.5 ajax call 419 (unknown status)
  11. Sending JSON to PHP using ajax
  12. Upload Multiple Files with PHP and JQuery
  13. Change DIV content using ajax, php and jQuery
  14. Javascript POST not working – Sending Javascript array to PHP
  15. Ajax File Download using Jquery, PHP
  16. How to load PHP file into DIV by jQuery?
  17. Submitting JSON data via JQuery ajax.post to PHP
  18. Difference between php echo and return in terms of a jQuery ajax call [closed]
  19. How do I return a proper success/error message for JQuery .ajax() using PHP?
  20. Get variable from PHP file using JQuery/AJAX
  21. PHPExcel download using ajax call
  22. Jquery: Running AJAX locally without a webserver
  23. Multiple javascript/css files: best practices?
  24. How to populate dependable drop-down using Ajax and php [closed]
  25. How can I pass variables from JavaScript to PHP?
  26. Call PHP function from jQuery?
  27. Add “.active” class to the current page’s link in a menu using jQuery or PHP [closed]
  28. boolean variables posted through AJAX being treated as strings in server side
  29. json_encode not working with a html string as value
  30. How to implement a chat room using Jquery/PHP?

Leave a Comment