UI Tabs, custom loading icon/spinner
I have some tabs that I've added various 'flags' to - basically icons
that indicate various states and qualities about the content. The
markup looks something like this:
<li class="tab-flag">
<div class="icon status-loading"></div> // status-ok, status-
invalid, etc
<a href="test-ajax.htm"><span>Performance</span></a>
</li>
basically, the 'tab-flag' just signifies a tab that has a flag
(modifies the basic dimensions to allow the positioned div.icon), and
the 'status-X' class determines which icon sprite gets shown. I'd like
to use a loading icon, rather than the ui-tabs spinner 'loading' text.
Is there an easy way to make that class change as the tab is
constructed, or would I be better off trying to revise the markup so
that my status icon appears within the tab anchor?
thanks!