[jQuery] ajaxStart - need a bit of help
I'm building a form - I've got one field where I'm allowing the user to
select a radio button (selecting a division) and then doing an Ajax call
to populate a related text field with a name. I've got a little
animated 'ajaxy' graphic that pops up to show activity:
// get division director - via radio button (divisionID) - ajax
call
$("input:radio[name='divisionid']").click(function() {
var foo = $(this).fieldValue();
$.ajax({
type: "GET",
url: "index.cfm?action=telework.getchief",
dataType: "html",
cache: false,
data: "divisionid=" + foo,
success: function(msg) {
$('#approval_2_Yes_2').val(foo);
$('#approval_2_Yes_2display').val(msg);
// alert('Division ID = ' + foo);
}
});
});
// show loading graphic
$('#loading').ajaxStart(function() {
$(this).show();
}).ajaxStop(function() {
$(this).hide();
});
But now I'm adding a few fields which are using Jorn's autocomplete. One
of these fields is right next to the radio buttons above - and when I
enter data - the Ajax call kicks off and my graphic for the other field
shows up :\
If it possible to define WHICH Ajax call you want the ajaxStart applied
too? Or is there a better way to tackle this??
Thanks,
Jim