Why HourGlass not working with synchronous AJAX request in Google Chrome?

Question

I am executing a function where first I am making cursor to wait state(hourglass) and then I am sending a synchrounous AJAX request .After getting the response I am making cursor to default state.

The Actual Code is this..

// tests the smtp settings function TestSettings() { var buttonparams= new Object();

buttonparams.IsCommandButton = true;
buttonparams.ButtonId = "testsettings";
buttonparams.ButtonText = "Sending Test Mail...";
buttonparams.ButtonOrigText = "Test Settings";

if(buttonparams.IsCommandButton == true)
 HandleButtonStatus(true, buttonparams);

var request = function()
{
 var ret = SendForm(buttonparams);

 alert(ret);

}
window.setTimeout(request, 0);

}

function SendForm(pButtonParams) { var http; var formdata;

http = yXMLHttpRequest();

http.open("POST", "./", false);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); 
http.setRequestHeader("Req-Type", "ajax");
formdata = xEncodePair("_object", "PrefMgr")+ "&";
formdata += xEncodePair("_action", "SmtpTest")+ "&";
formdata += GetEncodedFormData(); 

http.send(formdata);

if(http.status == 200)
{ 
 if(pButtonParams.IsCommandButton == true)
  HandleButtonStatus(false, pButtonParams);

 return (http.responseText);
} 
else
{

 return ("Error " + http.status + ": " + http.statusText); 
}

}

function HandleButtonStatus(pIsButtonStatusChange, pButtonParams) { var button = yById(pButtonParams.ButtonId);

if(pIsButtonStatusChange)
{
        document.body.style.cursor = "wait";
 button.value = pButtonParams.ButtonText;
 button.disabled = true;

}
else
{
 document.body.style.cursor = "default";
 button.disabled = false;
 button.value = pButtonParams.ButtonOrigText;
}

}

Answer 1

Try to assign:

var st = document.body.style;

and then refer to st in both functions. This could be a scope issue in AJAX callback function.

EDIT: Use callback function to restore cursor shape. Don't forget to do the same in case AJAX call fails.