How to change the ajax throbber location and make it appear in one place in the site whenever any ajax action is running.

For example I have

I want the ajax image to stop appearing in its normal location beside the ajax link or button to appear in the ajaxThrobber div mentioned above. Like Twitter new Ajax Throbber. Always appear instead of the bird logo.

Any possible answers including jQuery is welcomed.

closed as too broad by kiamlaluno Sep 3 '15 at 11:56

Please edit the question to limit it to a specific problem with enough detail to identify an adequate answer. Avoid asking multiple distinct questions at once. See the How to Ask page for help clarifying this question. If this question can be reworded to fit the rules in the help center, please edit the question.

  • It's not an exact duplicate but this might help – Clive Nov 23 '12 at 17:10
  • I saw it before, But it dosen't solve what I am trying to do, Which is to remove all the ajax throbbers from original place and add them into one global place, I hope you understand what I am trying to achieve here, Thank u – Jonathan Hindi Nov 23 '12 at 17:25
  • 1
    IMHO, There is huge challenge to this as not all core and contrib use the same ajax image. I just went through this will Core, Flag and Views. All three use their own and I have to find and style each on their own. – Nigel Waters Nov 23 '12 at 21:56
  • @NigelWaters from where do you think we can start. – Jonathan Hindi Nov 27 '12 at 15:35
  • See drupal.org/node/1059674 for a point in the right direction. – Nigel Waters Nov 27 '12 at 22:17