`

提交数据时,用层覆盖父页面

阅读更多

<script LANGUAGE="JavaScript">
//提交数据时,用层覆盖父页面
function showCoverDiv(mark){
	var bodyObj=document.body;
	var dWidth=bodyObj.scrollWidth;
	var dHeight=bodyObj.scrollHeight;
	var tWidth=bodyObj.clientWidth;
	var tHeight=bodyObj.clientHeight;
	var filterStyle="FILTER:Alpha(opacity=10);position:absolute;";
	var coverDivBg="#EAF4FD";
	var ift="'progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)'";
	var coverHtml ='<div id="cover_div" style="'+filterStyle+';top:0;left:0;width:'+dWidth+';';
		coverHtml +='height:'+dHeight+';z-index:99998;background:'+coverDivBg+'">';
		coverHtml +='<iframe src="javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100%; height:100%; z-index:-1; filter='+ift+';"></iframe>';
		coverHtml +='</div>';
	var stmHtml ='<div id="stm_div" style="position:absolute;top:0;left:0;width:'+dWidth+';';
		stmHtml +='height:'+dHeight+';z-index:99999;">';
		stmHtml +='<table border="0" cellpadding="0" cellspacing="0" width="'+tWidth+'" height="'+tHeight+'">';
		stmHtml +='<tr valign="middle"><td align="center" id="coverTd">';
		stmHtml +='<span style="text-align:center;width:300px;height:60px;border:2px solid #25B4F0;padding-top:10px;background:#B9E7FA;">';
		stmHtml +='<font style="font-size:12px;">';
		if(mark=='loading'){
			stmHtml +='数据加载中...';
		}else{
			stmHtml +='正在提交数据到服务器,请等待...';
		}
		stmHtml +='</font><br><br><img src="./jdt.gif">';
		stmHtml +='</span>';
		stmHtml +='</td></tr></table>';
		stmHtml +='</div>';
	var coverDiv=document.createElement("div");
		coverDiv.setAttribute("id","base_c_div");
		bodyObj.insertBefore(coverDiv);
		coverDiv.style.display="block";
		coverDiv.innerHTML=coverHtml;
	var stmDiv=document.createElement("div");
		stmDiv.setAttribute("id","base_stm_div");
		bodyObj.insertBefore(stmDiv);
		stmDiv.style.display="block";
		stmDiv.innerHTML=stmHtml;
	setTimeout("hiddleCoverDiv()",120000);
}

//删除覆盖层
function removeCoverDiv(){
	var coverDiv=document.getElementById("base_c_div");
	var stmDiv=document.getElementById("base_stm_div");
	if(stmDiv!=undefined && stmDiv!=null){
		stmDiv.removeNode(true);
	}
	if(coverDiv!=undefined && coverDiv!=null){
		coverDiv.removeNode(true);
	}
}
 showCoverDiv();
</script>
  • 大小: 1.9 KB
  • 大小: 8.4 KB
分享到:
评论

相关推荐

    遮罩层 javascript js 数据提交

    在网页开发中,遮罩层(Mask Layer)是一种常见的用户界面设计元素,它用于在页面上覆盖一层半透明或不透明的元素,以突出显示特定的内容或者阻止用户与背景交互。"遮罩层 javascript js 数据提交"这个主题涉及到的...

    javascript控制页面重复提交

    在网页开发中,防止用户意外或恶意重复提交数据是一个重要的考虑因素。这可能导致数据库中的冗余数据,甚至可能对服务器造成不必要的压力。本篇文章将详细探讨如何使用JavaScript来控制页面的重复提交,确保每个表单...

    遮罩层层效果 可用于弹出窗口,提示信息,确认提示框或提交数据进行表单验证和图片遮罩等

    当用户触发某个操作(如点击按钮)时,遮罩层会出现在页面上,覆盖所有可交互的元素,而弹出窗口则在遮罩层之上显示,这样用户只能与弹出窗口交互,直到关闭窗口或完成操作。 对于提示信息和确认提示框,遮罩层同样...

    JS变灰页面显示遮罩层登录窗口,使页面无法操作

    遮罩层是覆盖在页面上的一层半透明元素,用于突出显示特定区域(如登录窗口)。我们可以在HTML中创建一个div作为遮罩层,并通过CSS进行定位和样式设置。然后,使用JS将其显示出来: ```html &lt;div id="mask"&gt;&lt;/...

    jquery-showloading遮罩层-防重复提交

    在网页开发中,用户体验往往是一个重要的考量因素,尤其是在处理表单提交或数据加载时。"jquery-showloading遮罩层-防重复提交"是一款基于jQuery的插件,它旨在解决用户可能误点击导致的重复提交问题,并提供良好的...

    图片点击放大缩小遮罩层以及 ajax加载中防止重复提交加载遮罩层

    4. 添加或调整遮罩层的CSS,确保它覆盖整个页面。 5. 再次点击时,恢复图片的原始尺寸和位置,移除遮罩层。 其次,"ajax加载中防止重复提交的遮罩层js代码"涉及到Ajax请求的管理。在用户进行文件上传或数据提交时,...

    弹出层示例或一个页面多处弹出层

    在一个页面上有多个弹出层时,需注意以下几点: 1. 层级管理:确保不同弹出层之间不会重叠或相互遮挡,合理设置z-index值。 2. 逻辑控制:避免同时打开多个弹出层,确保每次只有一个弹出层处于活动状态。 3. 用户...

    防止页面的重复提交和刷新

    在多步骤的表单提交过程中,如果用户在完成某个步骤后选择后退并重新提交,可能会导致之前步骤中的数据丢失或覆盖。例如,在投票系统中,用户在完成投票后返回上一步并重新投票,会导致投票结果出现偏差。 #### 三...

    弹出层会员登录页面html模板.zip

    以上就是关于“弹出层会员登录页面html模板”的相关知识点,涵盖了从前端HTML、CSS、JavaScript的设计实现,到后端的表单处理和数据安全,以及用户体验的优化。通过理解这些概念,开发者可以构建出高效且用户友好的...

    PHP-表单提交数据的两种方式

    - GET方法通常限制提交数据的大小,一般不超过255个字节,具体值可能因不同浏览器而异。POST方法则没有这个限制,可以通过修改服务器配置(如`post_max_size`在PHP中)来设定最大值,默认值可能为8MB。 5. **灵活...

    遮罩层方法(jquery)

    在创建遮罩层时,jQuery可以帮助我们更便捷地操作DOM元素,实现动态效果。 1. **创建遮罩层** 创建遮罩层通常需要两个主要步骤:添加遮罩层元素到DOM和设置样式。在jQuery中,可以使用`$('&lt;div&gt;')`创建一个新的div...

    详解小程序设置缓存并且不覆盖原有数据

    当使用`wx.setStorage`时,如果设置了相同的`key`,默认情况下,新设置的数据会覆盖旧的数据。但在我们的需求中,我们需要在原有的缓存数据基础上添加新的数据,而不是覆盖它。 在给出的示例代码中,我们有一个`...

    Java中,当表单含有文件上传时,提交数据的如何读取(吐血版)

    - **依赖库**:处理`multipart/form-data`数据需要使用特定的库,如Apache Commons FileUpload和Apache Commons IO。添加以下Maven依赖: ```xml &lt;groupId&gt;commons-fileupload &lt;artifactId&gt;commons-fileupload...

    Hibernate 使用缓存时,数据同步问题

    ### Hibernate使用缓存时的数据同步问题详解 #### 引言 在现代软件开发中,ORM框架如Hibernate被广泛应用于数据库操作,以简化Java应用程序与数据库之间的交互。然而,使用Hibernate时,缓存机制的合理配置对于...

    jquery处理页面弹出层查询数据等待操作实例

    在Web开发中,页面弹出层经常用于展示数据查询结果、提交表单、显示错误提示等场景。当后台进行数据处理时,为了给用户提供直观的等待反馈,通常会引入加载动画或等待提示。本文将围绕jQuery在处理页面弹出层查询...

    ObjectDataSource建立三层结构的网站

    - **更新数据(UPDATE)**:当用户修改数据显示的数据并提交时,ObjectDataSource会调用UpdateMethod,传入新旧值,更新BLL层,再由BLL层调用DAL层更新数据库。 - **插入数据(INSERT)**:如果允许添加新记录,...

    jsp页面同时弹出页面和对话框

    在IT领域,特别是Web开发中,使用JSP(JavaServer Pages)进行动态网页设计时,开发者经常需要实现在用户交互过程中弹出特定的页面或对话框来获取输入、展示信息或进行确认操作。本文将详细解析如何在JSP页面中通过...

    在线作业提交批改系统设计与实现

    学生可以针对具体的作业,进行word提交,超过期限没法提交,在期限内可以随便提交,后面覆盖前面。老师可以下载学生提交的word作业,进行线下批改,并在系统内给出评价语和分数。最后整个作业模块的数据可以导出到...

    界面遮罩层例子

    遮罩层通常是一个半透明的覆盖层,它可以覆盖整个页面或某个特定区域,创造出一种视觉上的隔离效果。当遮罩层出现时,用户的注意力会集中到它所覆盖的部分,而忽略其他不相关的元素。这种设计手法常用于弹窗对话框、...

    使用jQuery.form插件,实现完美的表单异步提交

    在Web开发中,异步表单提交是一种常见需求,它能提供更好的用户体验,因为用户无需等待页面刷新即可完成数据的提交。jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、...

Global site tag (gtag.js) - Google Analytics