wait seems not waiting...

[t4nu]

Hi,
I want to make the user aware that something is going on when he click the button, I want make the screen to go dim and the waiting cursor shown.

So, in the HTML Element of the button I put something like below in the click event:

Code: Select all

var ok2Continue = 0;
var newDate    = $("#clBTUntil").val();
var newChecked = $(".clIsTBA").is(":checked");
var docNo      = $("#clAdvanceNo").text();

try 
  {
     $("#clPerDinReqPage").addClass("wait"); //set cursor
     ok2Continue = $eb.executeFunction("UntilDateChanged", [newDate, newChecked, docNo]);

     if &#40;ok2Continue < 0&#41;
     &#123;
        if &#40;ok2Continue == -1&#41;
          alert&#40;"Updating to database, failed!"&#41;;
        else
          alert&#40;"Cannot send notification email!"&#41;;
     &#125;
  &#125; 
  finally 
  &#123; 
     $&#40;"clPerDinReqPage"&#41;.removeClass&#40;"wait"&#41;; //finish 
  &#125;

  return true;

and the content of the wait class is like this:

Code: Select all

.wait
{
	  cursor: wait;
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    background-color:#fff;
    opacity:0.65;
    z-index:1001;	
}

but when the user clicked the button, the screen is not change, only change when the alert triggered.

What should I do to fix it?

Thanks in advance.

[t4nu]

Hi,
Just in case there is somebody in the same condition with me, here is what I did to get what I want:

Code: Select all

var ok2Continue = 0; 
var newDate    = $("#clBTUntil").val(); 
var newChecked = $(".clIsTBA").is(":checked"); 
var docNo      = $("#clAdvanceNo").text(); 
var lContinue = false;

     $.when($("#clPerDinReqPage").addClass("wait")).then(
         function()
         { 
              ok2Continue = $eb.executeFunction("UntilDateChanged", [newDate, newChecked, docNo]); 

              if &#40;ok2Continue < 0&#41; 
              &#123; 
                  if &#40;ok2Continue == -1&#41; 
                     alert&#40;"Updating to database, failed!"&#41;; 
                  else 
                     alert&#40;"Cannot send notification email!"&#41;; 
              &#125;
              else
                  lContinue = true;
         &#125;&#41;;

  return lContinue;