一、JavaScript代码:

代码

1 <script language="javascript">
2 var isIe=(document.all)?true:false;
3 //设置select的可见状态
4   function setSelectState(state)
5 {
6 var objl=document.getElementsByTagName('select');
7 for(var i=0;i<objl.length;i++){
8 objl[i].style.visibility=state;
9 }
10 }
11 function mousePosition(ev)
12 {
13 if(ev.pageX || ev.pageY){
14 return {x:ev.pageX, y:ev.pageY};
15 }
16 return{
17 x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,y:ev.clientY + document.body.scrollTop - document.body.clientTop
18 };
19 }
20 //弹出方法
21   function showMessageBox(ev,wTitle,content,wWidth,isShowClose)
22 {
23 if( confirm('Confirm to Continue (确认此操作)?') )
24 {
25 var pos = mousePosition(ev);
26 closeWindow();
27 var bWidth=parseInt(document.documentElement.scrollWidth);
28 var bHeight=parseInt(document.documentElement.scrollHeight);
29 if(isIe){
30 setSelectState('hidden');
31 }
32 var back=document.createElement("div");
33 back.id="back";
34 var styleStr="top:0px;left:0px;position:absolute;background:#666;width:"+bWidth+"px;height:"+bHeight+"px;";
35 styleStr+=(isIe)?"filter:alpha(opacity=30);":"opacity:30;";
36 back.style.cssText=styleStr;
37 document.body.appendChild(back);
38 showBackground(back,50);
39 var mesW=document.createElement("div");
40 mesW.id="mesWindow";
41
42 var html = "<div style='border-bottom: #eee 1px solid;margin-left: 4px;padding: 3px;font-weight: bold;text-align: left;font-size: 12px;'>";
43 html += "<table width='100%' height='100%'><tr><td>"+wTitle+"</td><td style='width:1px;'>";
44 if( isShowClose == 1 )
45 {
46 html += "<input type='button' οnclick='closeWindow();' title='Close(关闭窗口)' style='height: 15px;width: 28px;border: none;cursor: pointer;text-decoration: underline;background: #fff;' value='关闭' />";
47 }
48 html += "</td></tr></table></div><div style='margin: 4px;font-size: 12px;padding:20px 0 20px 0;text-align:center' id='mesWindowContent'>"+content+"</div>";
49 mesW.innerHTML= html ;
50 var v_top=(document.body.clientHeight-mesW.clientHeight)/3;
51 v_top+=document.documentElement.scrollTop;
52
53 styleStr="border:#666 1px solid;background:#fff;top:"+v_top+"px;left:"+(document.body.clientWidth/2-mesW.clientWidth/2)+"px;position:absolute;width:600px;margin-left:-300px;left:50%;z-index:9999;";
54 mesW.style.cssText = styleStr;
55
56 document.body.appendChild(mesW);
57 return true;
58 }
59 else
60 return false;
61 }
62 //让背景渐渐变暗
63 function showBackground(obj,endInt)
64 {
65 if(isIe){
66 obj.filters.alpha.opacity+=5;
67 if(obj.filters.alpha.opacity<endInt){
68 setTimeout(function(){showBackground(obj,endInt)},1);
69 }
70 }else{
71 var al=parseFloat(obj.style.opacity);al+=0.05;
72 obj.style.opacity=al;
73 if(al<(endInt/100)){
74 setTimeout(function(){showBackground(obj,endInt)},1);
75 }
76 }
77 }
78 //关闭窗口
79 function closeWindow()
80 {
81 if(document.getElementById('back')!=null){
82 document.getElementById('back').parentNode.removeChild(document.getElementById('back'));
83 }
84 if(document.getElementById('mesWindow')!=null){
85 document.getElementById('mesWindow').parentNode.removeChild(document.getElementById('mesWindow'));
86 }
87 if(isIe){
88 setSelectState('');
89 }
90 }
91 </script>

二、使用实例:

Button1.Attributes.Add("onclick", "return showMessageBox(event,'友情提醒','数据提交中,请耐心等待',350,0);");

转载于:https://www.cnblogs.com/wonder315/archive/2011/01/27/1946115.html

【Wonder整理】防止重复提交并弹出半透明对话框相关推荐

  1. 表单form提交前弹出确认对话框

    表单form提交前进弹出确认对话框 定义一个函数: <script language="javascript"> function sumbit_sure(){ var ...

  2. IDEA 插件开发 一个表单提交的弹出框

    文章目录 IDEA 插件开发 一个表单提交的弹出框 1.说明 IDEA 插件开发 一个表单提交的弹出框 package com.wretchant.fredis.gui.dialog;import c ...

  3. html正方形对话框素材,10种展示效果的弹出层对话框插件method.js

    一款10种展示效果的弹出层对话框插件method.js,可以点击演示页面的10个按钮分别查看不同的弹窗效果,基本上该有的弹窗特效都有了,喜欢的童鞋请收下吧. 查看演示 下载资源: 68 次 下载资源 ...

  4. 可以弹出确认对话框的自定义Web服务器控件ConfirmButton

    作者:活靶子[原创]       出处:AspxBoy.Com 经常在论坛里看到类似这样的问题:"-如何在点击删除按钮的时候弹出个确认删除对话框". 下面我们来自己写一个这样的自定 ...

  5. tkinter实现弹出输入对话框并获取输入对话框中的值

    方法一: import os import cv2 import tkinter from CBC_2 import CBCS from Base64 import BaSe64 from CBC_1 ...

  6. 5弹出阴影遮罩_千文详述Cocos Creator弹出式对话框实现技术,着实硬核

    正文 在Cocos Creator游戏开发中,经常需要使用到弹出式对话框,下面我们就一起来封装下自己的弹出式对话框. 一.弹出式对话框原理解析 1:对话框的结构: 1. `根节点 -->`2. ...

  7. ASP.NET弹出一个对话框

    我们在ASP.NET程序的开发过程中,常常需要向用户给出提示信息,比如是否"操作成功","确定"还是"取消"操作.         (1) ...

  8. Winforn中使用FastReport实现点击导出按钮PDF预览并弹出另存为对话框

    场景 FastReport安装包下载.安装.去除使用限制以及工具箱中添加控件: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article/details/10 ...

  9. Eclipse在Ubuntu8.04桌面系统下安装和弹出空白对话框

    1 直接在http://www.eclipse.org/downloads/ 下载最新3.4.1 Eclipse IDE for Java Developers (85 MB) The essenti ...

  10. java 弹出下载_java如何实现下载弹出的对话框

    展开全部 Java实现点击下载32313133353236313431303231363533e58685e5aeb931333337396234文件的时候,弹出"另存为"对话框, ...

最新文章

  1. Waymo的激光雷达计划:进展如何?
  2. ASP.NET中如何防范SQL注入式攻击
  3. 让服务器apache/iis/nginx支持.apk/ipa文件下载
  4. java邮件客户端源代码,JAVA基于B/S模式下的电子邮件客户端软件,源码分享
  5. JDK 14的征兆开始出现
  6. mysql新增列并同时增加数据_图解MySQL | 「原理解析」 MySQL 为表添加列 是怎么立刻完成的...
  7. 【报告分享】2021中国人才趋势报告.pdf(附下载链接)
  8. The repository ‘xxx‘ no longer has a Release file. (sudo apt --fix-broken install失败解决)
  9. Q128:PBRT-V3,“体渲染”积分器的“传播方程”(15.1章节)
  10. 【中级篇】Linux下搭建MySQL数据库系统
  11. 改变php默认目录结构,ThinkPHP中自定义目录结构的设置方法_PHP
  12. Java速成:Boot入门
  13. 软件开发工作经验分享
  14. 潮汕地区2-汕头观感
  15. FineReport 报表数据根据下拉框的值进行数据联动
  16. 【Vue.JS】Vue.JS 表格内容排序组件,Render函数的使用
  17. mysql日期以及字符串相关格式化转换
  18. 【AD小知识】PCB之自动布线及快速布局技巧
  19. (ARM)移动处理器与移动互联网终端发展
  20. 2019年山东事业单位面试真题

热门文章

  1. Collectors.averagingDouble()
  2. MYSQL当前时间与数据库里数据时间做比较
  3. Mybatis的注解应用之映射声明
  4. Qtcrreator 4 (Qt5.7) on rhel 7 x86_64 添加配置astyle,美化代码配置方法
  5. 导出函数__declspec(dllexport)
  6. 47 Python - 装饰器 回忆函数基础
  7. 使用Delphi开发linux应用
  8. FuelPHP 系列(三) ------ Model 模型
  9. 商店管理系统——小组分工及索引卡
  10. ADO.NET的主要对象