html 等待介面，等待介面

html 等待介面，等待介面

<div id="form_submit"><input type="button" id="message_submit" value="發布訊息" onclick="sendOSMessageForAll()"/></div><!--等待div--> <div id="pop" style="z-index:1;background-color:#CCCCCC;filter: alpha(opacity=80);width:100%;height:100%;position:absolute;left:0px;top:0px;display:none"> <!-- <div style="text-align:center;height:100%;line-height:250px;overflow:hidden;">發送中,請稍等...</div> --></div><div id="loading" class="loading" style="display:none;">發送中,請稍等...</div>

<script type="text/javascript"><!--開啟或關閉等待div-->function show(o1,o2,open){ var o1 = document.getElementById(o1); var o2 = document.getElementById(o2);o1.style.width = document.documentElement.scrollWidth; o1.style.height = document.documentElement.scrollHeightif(open){o1.style.display = "block"; o2.style.display = "block"; }else{o1.style.display = "none";  }}function showLoading(open){ var dialog = document.getElementById("loading"); if(open){dialog.style.display = "block"; }else{dialog.style.display = "none"; }return true;}function sendOSMessageForAll() {show('pop','message_form',true);showLoading(true);$.ajax({url : 'android/createOSMessage.action',        data:{senderId:$("#senderId").attr("value"),content:$("#content").attr("value"),receiver:$("#receiver").attr("value")},        cache : false,         async : true,        type : "POST",        dataType : 'json',        beforeSend:function(){         show('pop','message_form',true);        showLoading(true);        },        success : function (result)        {        if (result != null)     {    if(result.status == "0")    {            show('pop','message_form',false);    showLoading(false);    alert("發送成功！");     }    else    {            show('pop','message_form',false);    showLoading(false);    alert("發送失敗！");     }    }        },    error:function(msg)        {        show('pop','message_form',false);showLoading(false);alert("發送錯誤！");         },        complete:function(){        } });}</script>

效果