MC Dialog 演示DEMO

1.调用说明

模拟alert 点我试试 调用方法:alert('你要在这里输入字符串!')
模拟confirm 该你做出选择的时候了 调用方法:confirm("你确定嘛?",function(){alert("为确定按钮添加事件");},function(){alert("为取消按钮添加事件");});
内嵌iframe 看看里面套了点什么 见参数说明
同时弹出多个alert
鼠标放上去然后移开
调用方法:--;
远程iframe 远程加载iframe 见参数说明

2.参数说明

参数说明 ID: MC Dialog实例对象id
Width: 弹出层宽度不带单位
Height: 弹出层高度
Title: 窗口标题栏
URL: 内嵌iframe的url地址 如不是本域 必须添加协议即带有http://等
Alert: 当直接写入内容时提供的字符串内容 在alert中用到 或者你可以扩展其他
DialogArguments: 保存MC Dialog对象中内嵌的iframe对象 以便于轻松访问iframe中的内容
Message: 标题详细栏内容
MessageTitle: 子标题
ShowMessageRow: 是否显示子标题栏
ShowButtonRow: 是否显示按钮栏
Icon: 图标
Mask: 遮罩对象
OKButton: 确认按钮
CancelButton: 取消按钮

3.内置方法

参数说明 $TW:获取最顶级的window对象
stopEvent: 阻止事件冒泡
Dialog.Stock: 保存dialog队列 这里存的是ID
Dialog.prototype.show: 创建弹出层 同时根据是否已创建了遮罩创建或者显示遮罩
Dialog.prototype.close: MC Dialog实例的关闭方法
Dialog.blink: 监听click 当在层外部click了 将焦点移回层 同时闪烁提示或者铃声提示
Dialog.getInstance: 根据提供的ID 返回MC Dialog对应ID的实例
Dialog.Alert: 内置的alert方法 window.alert被该方法替代
Dialog.Confirm: 类似alert
Dialog.setPosition: 队列中最后一个MC Dialog修正其位置 始终在屏幕居中
Dialog.prototype.setPosition: 同上 这个是实例方法
Dialog.onKeyUp: 监听键盘事件 防止tab切换焦点 按esc关闭 按enter回车执行确定按钮方法 禁止ctrl+a不能全选 在世界之窗下esc焦点将只想地址栏 这是浏览器bug
Drag: 拖拽类 为MC Dialog提供拖拽功能的类