Web Development with jQuery®

(^208) ❘ CHAPTER 7 AJAX
display: none;
}
Then fi nally, the JavaScript is modifi ed so that the activity indicator is dynamically revealed when
an AJAX request takes place and hidden when the request concludes:
$(document).ready(
function()
{
$.ajaxSetup({
beforeSend : function(event, request, options)
{
$('div#folderActivity').show();
},
success : function(response, status, request)
{
$('div#folderActivity').hide();
},
error : function(request, status, error)
{
$('div#folderActivity').hide();
}
});
$('img.folderTreeHasChildren').click(
function()
{
var arrow = 'tree/down.png';
if (!$(this).next().children('ul').length)
{
$(this).next().load(
'Example%207-6/' +
$(this)
.prev()
.data('id') + '.html',
function()
{
$(this)
.show()
.prev()
.attr('src', arrow);
}
);
}
else
{
$(this).next().toggle();
if ($(this).attr('src').indexOf('down') != -1)
{
arrow = 'tree/right.png';
http://www.it-ebooks.info