discuz 中 common.js 的 showDialog() 功能函数挺好玩的,我多用于 ajax 传参。
别看下面的这个参数,一匹布那么长,单个例子用到的其实不多。
showDialog(msg, mode, t, func, cover, funccancel, leftmsg, confirmtxt, canceltxt, closetime, locationtime)
- key 默认值 含义
- msg (必填) 提示信息内容
- mode 'alert' 对话框模式(参见注释1)
- t '提示信息' 对话框标题
- func 点"确定"执行的函数
- cover 1 (mode = 'info' 时为 0) 是否显示一个遮罩覆盖整个页面(1:是 0:否)
- funccancel 点"取消"执行的函数
- leftmsg 底部左侧信息
- confirmtxt '确定' 确定按钮的文字
- canceltxt '取消' 取消按钮的文字
- closetime 自动关闭的时间,单位"秒" leftmsg 强制更改为"n 秒后窗口关闭"
- locationtime 自动跳转时间,单位"秒"leftmsg 强制更改为"n 秒后页面跳转"
注释1
- alert/right:有确定按钮
- confirm:有确定和取消按钮
- notice:有确定按钮
- info:没有按钮
举个例子:
点击弹出带有「确定」的悬浮框。
- <a href="javascript:;" onclick="showDialog('这是一个 alert 框!','alert')">点我弹框 (alert)</a>
如图:
再举个例子:
点击弹出具有「确定」「取消」的悬浮框。
- <a href="javascript:;" onclick="showDialog('您确定是否删除?','confirm','真确定?','parent.location.href=\'传值链接\'','1','','','确定','取消')">点我弹框 (confirm)</a>
如图:
完毕!