blockUI not working with ajax
Hi,
I started using jQuery recently and am trying to get blockUI plugin to work. I have the following script
<script language="javascript" type="text/javascript">
function showGetResult(callingObject) {
$j = jQuery.noConflict();
$j.blockUI({ message: '<div><img src="http://localhost:8011/images/waiting.gif" /><h1> Loading...</h1></div>',
css: {
border: 'none',
padding: '15px',
'-webkit-border-radius': '10px',
'-moz-border-radius': '10px',
opacity: .9
}
});
makeAjaxCall($j);
$j.unblockUI();
}
function makeAjaxCall(obj) {
var result = null;
var scriptUrl = "SendMail.aspx";
$(obj).ajax({
url: scriptUrl,
dataType: 'html',
async: false,
success: function(data) {
result = data;
alert('i am fine');
}
});
}
</script>
It though blocks the UI, but never unblocks the UI once the ajax call is finished. the alert statement is never executed.
How do i get it executed. Please help as it is urgent.
Thanks
Vijay Koul