Currently ajax.js places the following after the element that has triggered a loading action:
<div class="ajax-progress ajax-progress-throbber"><div class="throbber"> </div></div>
This is terribly hard to modify or replace with your own loading animation, it's a UI pattern that is very dated and causes many layout issues as it changes the flow of the document.
Replace the element inserted with a class that is added to the element that triggers the loading action. The current behaviour can be replicated perfectly using a CSS pseudo element. Using a class instead increases the flexibility of the action in CSS without having to wade through any Drupal specific code. A button could change text or animate. I would also like to add a class to to the body of the page during loading, this would make full screen loading animations easier, a very common UI pattern.
PASSED: [[SimpleTest]]: [PHP 5.4 MySQL] 77,738 pass(es). View
FAILED: [[SimpleTest]]: [PHP 5.4 MySQL] Unable to apply patch ajax-throbber-class-1490402-37.patch. Unable to apply patch. See the log in the details link for more information. View
FAILED: [[SimpleTest]]: [PHP 5.4 MySQL] Unable to apply patch ajax-throbber-class-1490402-30.patch. Unable to apply patch. See the log in the details link for more information. View
|#20||Screen Shot 2014-03-01 at 15.29.01.jpg||167.76 KB||LewisNyman|