Freezing progress indicator
Hi, group
Im trying to make a loading indicator for my dynamic content in the
page. There are chained selects using $.getJSON to change some content
in the page. I cant find enough docs for progress indicator types, but
i try this:
HTML:
<div id="loading" style="color: #369;display: none;font-weight:
bold;">
<img style="vertical-align:middle;" src="http://localhost/ajax-
loader.gif" />Loading...
</div>
JS:
$("#loading").ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
All works fine exept that the picture (spinning clock) get freezed
untill all content in the page changed by $.getJSON finished. If i
remove $(this).hide() the picture animation continues. Probably my
feedback function for getJSON is too havy for my browser (FF2) ? The
script receives around 100 entries from the server and appends them to
<table> as rows and cells.
Thanks in advance, and excuse my bad enlish :)