If any content is loading show a loading gif

Question

My site is pretty slow. Yep, moving will solve the problem. But in the meanwhile I want to display a loading gif in the top right corner if any content is loading. My site is running Magento. So I was thinking to get it global, I have to customize the prototype.js for Ajax calls. Further I have to put a small JavaScript on every page (for the normal page load). Any ideas how I can get this working? I already looked into the prototype, but I couldn't find the specific function.

Every help is much appreciated.

Thank you!

Hannes

http://stackoverflow.com/questions/1853662/how-to-show-page-loading-image-div-text-until-the-page-has-finished-loading-rend — Axel, Nov 15 '13 at 16:11

score 0 · Answer 1 · answered Nov 15 '13 at 16:19

You can check Ajax.Responders http://prototypejs.org/doc/latest/ajax/Ajax/Responders/

Ajax.Responders.register({
  onCreate: function() {
    $('loading').show();
  },
  onComplete: function() {
    $('loading').hide();
  }
});

Also in jquery you can use: http://api.jquery.com/category/ajax/global-ajax-event-handlers/

If any content is loading show a loading gif

1 Answers1