ホームページ > 記事 > ウェブフロントエンド > html待機中interface_html/css_WEB-ITnose
html待機中interface_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 11:48:351614ブラウズ
<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.scrollHeight if(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> 効果は次のとおりです:
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。