ui.tabs - add a spinner_placeholder option

Here is a patch for adding a spinner_placeholder option. The spinner_placeholder option can be a string or a jquery object.

If it is a jquery object that object is replaced by the spinner during loads. This allows the developer to place the spinner in a stationary location (sort of how the browser spinner works).

If the spinner_placeholder option is a string it gets evaluated as a child of the tab list item.

I need this functionality but if you think it can be done differently I'm willing to rewrite.

Example:

<div>

<ul>

<li><a href="http://jquery.com/" title="home"><span class="spinner_placeholder"/>jQuery Home</a></li>

<li><a href="http://docs.jquery.com/About" title="about"><span class="spinner_placeholder"/>Jquery About</a></li>

</ul>

</div>

<script type="text/javascript">

fcom_sub_tabs = $("#content-nav > ul").tabs({

spinner: $('<img/>').addClass('tab_spinner').attr(

{

src:'images/spinner-graphics.gif',

height: '16',

width: '16',

}),

spinner_placeholder: '.spinner_placeholder'

});

</script>