javascript DWR 实现自定义加载信息

//dwr Message
function useLoadingMessage(message) {
    var loadingMessage;
    if (message) loadingMessage = message;
    else loadingMessage = "Loading";
   
    DWREngine.setPreHook(function() {
        var disabledZone = $('disabledZone');
        if (!disabledZone) {
          disabledZone = document.createElement('div');
          disabledZone.setAttribute('id', 'disabledZone');
          disabledZone.style.position = "absolute";
          disabledZone.style.zIndex = "1000";
          disabledZone.style.left = "0px";
          disabledZone.style.top = "0px";
          disabledZone.style.width = "100%";
          disabledZone.style.height = "100%";
          document.body.appendChild(disabledZone);
          var messageZone = document.createElement('div');
          messageZone.setAttribute('id', 'messageZone');
          messageZone.style.position = "absolute";
          messageZone.style.top = "400px";　　//定义显示加载信息层的位置
       　 messageZone.style.left = "400px";　 //定义显示加载信息层的位置
          messageZone.style.width = "150";　　//定义显示加载信息层的宽度
          messageZone.style.height = "30";    //定义显示加载信息层的高度
          messageZone.style.background = "red";//定义显示加载信息层的颜色
          messageZone.style.color = "white";
          messageZone.style.fontFamily = "Arial,Helvetica,sans-serif";
          messageZone.style.padding = "4px";
          disabledZone.appendChild(messageZone);
          var text = document.createTextNode(loadingMessage);
          messageZone.appendChild(text);
        }
        else {
          $('messageZone').innerHTML = loadingMessage;
          disabledZone.style.visibility = 'visible';
        }
    });

    DWREngine.setPostHook(function() {
        $('disabledZone').style.visibility = 'hidden';
    });
}