How to set style via javascript in IE right away

Question

I recently ran into a problem with IE. I have a function

function() {
    ShowProgress();
    DoSomeWork();
    HideProgress();
}

where ShowProgress and HideProgress simply control the CSS "display" style using the jQuery css () method.

In FF, everything is fine, and at the same time, I change the display property to a lock, a progress bar appears. But not in IE. IE applies style as soon as I leave the function. This means that it never showed up, because at the end of the function, I just hid it. (if I delete the HideProgress line, the progress bar appears immediately after the function completes (more precisely, immediately when the calling functions end), and therefore nothing else happens in IE).

Has anyone encountered this behavior? Is there a way to get IE to immediately apply the style?

I prepared a solution, but it took me a while to implement it. My DoSomeWork () method makes some AJAX calls, and now they are synchronous. I assume that making them asynchronous solves the problem, but I need to redesign the code a bit, so finding a solution to applying the style right away would be a lot easier.

Thanks rezna

Answer 1

Synchronous requests block the entire user interface, which is horrible. You are correct in your assumption, but if you want to continue this path to the inner circles of hell, try the following:

function () {
    ShowProgress();
    window.setTimeout(function () {
        DoSomeWork();
        HideProgress();
    }, 0);
}

, . - ( 0), .

Answer 2

HideProgress setTimeout. :

function() {
    ShowProgress();
    DoSomeWork();
    setTimeout(HideProgress,0);
}

, 0 , HideProcess .

[] , , : . -, DoSomeWork(). , DoSomeWork . , HideProgress, .