Home > Web Front-end > HTML Tutorial > html waiting interface_html/css_WEB-ITnose

html waiting interface_html/css_WEB-ITnose

WBOY
Release: 2016-06-24 11:48:35
Original
1675 people have browsed it

<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>
Copy after login


<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>
Copy after login


The effect is as shown below:


Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template