discuz showdialog 弹出框小解

当前位置: 首页 » 记录 » discuz showdialog 弹出框小解

分类: 记录 653阅读阅读模式

discuz 中 common.js 的 showDialog() 功能函数挺好玩的,我多用于 ajax 传参。

别看下面的这个参数,一匹布那么长,单个例子用到的其实不多。

showDialog(msg, mode, t, func, cover, funccancel, leftmsg, confirmtxt, canceltxt, closetime, locationtime)

  1. key 默认值 含义
  2. msg (必填) 提示信息内容
  3. mode 'alert' 对话框模式(参见注释1)
  4. t '提示信息' 对话框标题
  5. func 点"确定"执行的函数
  6. cover 1 (mode = 'info' 时为 0) 是否显示一个遮罩覆盖整个页面(1:是 0:否)
  7. funccancel 点"取消"执行的函数
  8. leftmsg 底部左侧信息
  9. confirmtxt '确定' 确定按钮的文字
  10. canceltxt '取消' 取消按钮的文字
  11. closetime 自动关闭的时间,单位"秒" leftmsg 强制更改为"n 秒后窗口关闭"
  12. locationtime 自动跳转时间,单位"秒"leftmsg 强制更改为"n 秒后页面跳转"

注释1

  • alert/right:有确定按钮
  • confirm:有确定和取消按钮
  • notice:有确定按钮
  • info:没有按钮

 

举个例子:

点击弹出带有「确定」的悬浮框。

  1. <a href="javascript:;" onclick="showDialog('这是一个 alert 框!','alert')">点我弹框 (alert)</a>

如图:

 

再举个例子:

点击弹出具有「确定」「取消」的悬浮框。

  1. <a href="javascript:;" onclick="showDialog('您确定是否删除?','confirm','真确定?','parent.location.href=\'传值链接\'','1','','','确定','取消')">点我弹框 (confirm)</a>

如图:

 

完毕!

 

相关文章