How to show basically multiple “loading…” in each div.

Thanks for any pointers or example.

+”‘)”);

To anyone trying this at home, don’t forget to include the finishAjax function - it’s _not_ part of jQuery.

In ASP, you would do something like this:

check.asp:

Dim UserName
UserName = Request.Form(”UserName”)

if UserNameInDB(UserName) then
Response.Write(”UserName is in Database.“)
else
Response.Write(”UserName is available.“)
end if

Ajax in JQuery with special effects

$(document).ready(function(){
$(”#usernameLoading”).hide();
$(”#usernameLoading”).ajaxStart(function(){
$(this).show();
}).ajaxStop(function(){
$(this).hide();
});

$(”#usernameCheck”).click(function(){
$.post(”check.php”, {
username: $(”#UserUsername”).val()
}, function(response){
$(”#usernameResult”).fadeOut();
setTimeout(”finishAjax(’usernameResult’, ‘” + escape(response) + “‘)”, 400);
});
return false; //stop submit the form …..
});
});
function finishAjax(id, response){
$(’#’ + id).html(unescape(response));
$(’#’ + id).fadeIn();
} //finishAjax

UserName:

Submit Form !!!

======================
check.php

Username is taken already!‘;
} else {
print ‘Username available.‘;
} //else
?>

Ive had a go at converting it but no luck at all.

Cheers for anyone that can help.

Dom