Add Loading Spinner to JQuery UI Tab Body -


is there simple way show loading spinner in body of jquery ui tab while loading via ajax?

essentially looking spinner option, displaying graphic , loading message in tab body rather tab title.

this should work jquery ui 1.9+ ajax loaded tabs (assuming tabs have id 'tabs'):

$("#tabs").tabs({   // loading spinner   beforeload: function(event, ui) {     ui.panel.html('<img src="loading.gif" width="24" height="24" style="vertical-align:middle;"> loading...');   } }); 

you'll need put loading.gif in right place , adjust img tag src, width , height, think idea. can bunch of spinner images @ http://www.ajaxload.info/


Comments

Popular posts from this blog

c# - SharpSVN - How to get the previous revision? -

c++ - Is it possible to compile a VST on linux? -

url - Querystring manipulation of email Address in PHP -