用模式对话框实现“消息提示框”和“操作提示框”
用 alert()和confirm()的消息框和操作确认对话框,界面不太友好,下面介绍用模式对话框实现“消息提示 框”和“操作提示框”;用模式对话框也可以实现弹出窗口(抱括Iframe模式及DIV模式),DIV模式较麻烦些,不过,还挺实用,这里不作介绍。
1、test.html 测试页
<html>
<head>
<title>测试页面</title>
<script>
/**** 打开消息框 ***
* @param 为Object类型,原型为 {msg:"val1", time:val2},val1为要提示的消息,val2为窗口出来后延迟关闭的时间
*
*/
function showMsg(param) {
window.showModalDialog("msg.html", param, "dialogWidth:280px;dialogHeight:180px;center:yes;help:no;scroll:no;status:no;resizable:no");
}
/****操作确认窗口*****
* @param 为string类型,提示信息
* @return true为选取了“确定”铵钮,false为选取了“取消”铵钮
*/
function confirm(msg) {
return window.showModalDialog("confirm.html", msg, "dialogWidth:280px;dialogHeight:180px;center:yes;help:no;scroll:no;status:no;resizable:no");
}
function confirmDel() {
var rval = confirm("确定删除此用户吗?");
if(rval) {
showMsg({msg:"你点击了确定铵钮", time:1200});
}else{
showMsg({msg:"你点击了取消铵钮", time:1200});
}
}
</script>
</head>
<body>
<center>
<a href="#" onclick="showMsg({msg:'1秒钟后会自动关闭的提示信息框', time:1000})">会自动关闭的提示信息框</a>
<br/>
<a href="#" onclick="confirmDel();">操作确认对话框</a>
</center>
</body>
</html>
2、msg.html 消息框通用模板
<html>
<head>
<title>提示对话框</title>
<script>
var obj = window.dialogArguments; //传过来的模式对话框窗口参数
/****在obj.time秒后关闭窗****/
window.setTimeout(function() {
window.close();
}, obj.time);
</script>
</head>
<body>
<p style="margin-top:36px">
<center>
<script>
document.write(obj.msg); //打印信息
</script>
</center>
</p>
</body>
</html>
3、confirm.html
<html>
<head>
<title>操作确认对话框</title>
<script>
function setState() {
returnValue = event.srcElement.id == "ok"? true: false;
window.close();
}
</script>
</head>
<body>
<p style="margin-top:26px">
<center>
<script>
var msg = window.dialogArguments? window.dialogArguments: "";
document.write(msg);
</script>
<br/>
<div style="margin-top:20px">
<a href="#" id="ok" onclick="setState()">确定</a>
<a href="#" id="cal" onclick="setState()">取消</a>
</div>
</center>
</p>
</body>
</html>
from:google.com
分享到:
相关推荐
WPF下自定义MessageBox消息提示框,采用MVVM模式实现前后台分离,包含所使用控件的样式,已测试可编译通过 原文链接:https://blog.csdn.net/wsadcg/article/details/107157853
VC 创建对话框对象、显示对话框窗口、删除对话框对象,在一个模式对话框中创建确认和取消按钮,以下代码为主要的代码: void CDemoDlg::OnOK() { //获得并检验对话框数据 if (!UpdateData(TRUE)) { ...
C# winform 实现弹出的等待对话框实例 C# winform 实现弹出的等待对话框实例
一个Android 源码:演示如何制作一个简单的提示框和选择对话框,是Android Dialog的用法展示源码,对话框可自动根据分辨率来显示整体的外观样式,横屏状态下,宽高互换,按竖屏模式计算scale。高宽比小于等于标准比...
模式对话框,在服务器端检查完之后弹出确认对话框,附源码实例
7、消息组件弹出时屏蔽除Tab和回车外的几乎所有键盘操作(包括F5),“消息确认框”支持“tab键/左右方向键”切换确定/取消焦点。 8、支持在iframe页面中弹出消息框时遮盖最外层页面(需引用扩展文件ymPromptEx.js)...
C#多线程之如何弹出一个模式窗口来显示进度条 学习版
在用户没有登陆的时候弹出一个对话框用户输入用户名密码,经典的模式对话框例子很实用
对话框是由线条和矩形组合而成,标准windows对话框一共使用了5种颜色,分别是: ; #D4D0C8,#0E296E,#FFFFFF,#808080,#404040.其中#D4D0C8是对话框主体颜色, ; #0E296E是标题栏颜色,其他三种颜色是对话框边框使用的颜色...
9.5 例42 在无模式对话框的控件间 切换焦点 172 9.6 例43 对话框中的动画 173 9.7 例44 消息框 174 9.8 例45 对话条 176 第10章 控件窗口 182 10.1 例46 在任意位置创建一个控 件窗口 182 10.2 例47 用子分类定制...
它是专为小的对话框,提示和面板等需要使用模式窗口的场合打造的。专门用来处理隐藏的内容,并且不应用任何样式给目标元素。虽然LeanModal具有较多的优势,但在实际开发过程中往往不灵活,因而对原LeanModal插件进行...
4.2 消息映射的定义和实现 44 4.2.1 MFC处理的三类消息 44 4.2.2 MFC消息映射的实现方法 45 4.2.3 在声明与实现的内部 46 4.2.3.1 消息映射声明的解释 47 4.2.3.2 消息映射实现的解释 49 4.2.4 消息映射宏的种类 51 ...
237.如何显示和关闭非模式对话框 238.如何在对话框程序中加入闪屏效果 239.如何在单文档程序中加入闪屏效果 240.如何使程序窗口自动适应图像尺寸 241.如何使用桌面区域填充程序窗口 242.如何在程序视图窗口中添加...
4.2 消息映射的定义和实现 44 4.2.1 MFC处理的三类消息 44 4.2.2 MFC消息映射的实现方法 45 4.2.3 在声明与实现的内部 46 4.2.3.1 消息映射声明的解释 47 4.2.3.2 消息映射实现的解释 49 4.2.4 消息映射宏的种类 51 ...
本资源包含Swing方面的基础知识: 01分解颜色 ...17模式对话框 18网格布局管理器 19复选框 20单选框 21下拉式列表框 22网格块布局管理器 23带工具提示的按钮 24带边的按钮 25改变文本对齐方式 26滑杆
4.6 实例51:在非模式对话框中使用OK和Cancel按钮 4.7 实例52:在对话框中添加最大化和最小化按钮 4.8 实例53:使基于对话框的程序不在任务栏中显示 4.9 实例54:使对话框大小可调整 4.10 实例55:居中显示对话框 ...
用于弹出模式对话框,提示窗口.弹出窗口...
实例208——为对话框控件添加ToolTip提示框 实例209——使用AppWizard自动创建WinHelp帮助 实例210——制作WinHelp帮助文件 实例211——向程序中手工添加WinHelp帮助文件 实例212——调试环境配置(Debug模式和...