2核1G3M服务器88一季度

腾讯云,阿里云百度云等 折扣价→点我←

Discuz!X javascript show 系列函数使用方法 discuz 教程

公共账号 管理员组



[p=30, 2, left]众所周知 Discuz! 中 common.js 中的函数很多,我们在此先列举 show 系列函数的文档,相信对大家开发前端界面会有一些帮助[/p]showMenu(v)
只有一个数组格式的参数 v 例如:{'key1':'value1','key2':'value2','key3':'value3'}
目前,数组 v 支持传递的 key 有:
key            默认值                      含义   
-----------------------------------------------------------
ctrlid         ''                          控制菜单的 id                  
showid         ctrlid                      弹出菜单的 id
menuid         showid + '_menu'            显示菜单的 id
evt            'mouseover'                 响应函数的事件                 
pos            '43'                        菜单位置,"*" 不需要设置位置(详见 setMenuPosition 文档)
duration       2                           菜单持续(参见注释1)                       
timeout        250                         菜单持续时间,单位:毫秒
mtype          'menu'                      菜单类型(参见注释2)
maxh           500                         菜单最大高度,实际高度超过 maxh 时菜单将出现垂直滚动条
layer          1                           菜单层级,大于 0 的任意整数
cache          1                           是否缓存菜单,0:否 1:是
drag           ''                          拖拽菜单对象的id,如果希望整个菜单都可以拖拽请设置 drag 为 1
fade           0                           淡入淡出效果,0:否 1:是
cover          0                           覆盖整个页面,0:否 1:是
zindex         JSMENU['zIndex']['menu']    菜单层叠顺序(参加注释3)
Quote注释1
duration 3:菜单一直显示 除非执行 hideMenu() 或者页面 unload
2:鼠标移开 ctrlObj 及 menuObj 即开始计时 timeout 毫秒后消失
1:鼠标移开 ctrlObj 即开始计时 timeout 毫秒后消失
0:菜单显示即开始计时 timeout 毫秒后消失
注释2
mtype menu:普通菜单
win:浮窗
prompt:提示信息
dialog:对话框

注释3
zindex JSMENU['zIndex'] = {'win':200,'menu':300,'prompt':400,'dialog':500};


setMenuPosition(showid, menuid, pos)
showid         弹出菜单的 id
menuid         菜单 id
pos            菜单位置,必须是字串类型,默认值 '43'  
               采用基点+方向二元定位法可衍生出几十种菜单位置,基点是指基于 showObj 的某一点
               基点:
                   0:中心 1:左上 2:右上 3:右下 4:左下
               方向:                   0:中心 1:左上 2:右上 3:右下 4:左下


showDialog(msg, mode, t, func, cover)
msg          对话框内容
mode         对话框模式 
                info              没有按钮 / 一般信息
                notice            有确定按钮 / 通知信息
                alert             有确定按钮 / 错误信息
                confirm           有确定和取消按钮 / 确认信息
t            对话框标题
func         “确定”执行的函数 可以是一个函数(推荐)也可以是一段 js 代码
cover        是否覆盖整个页面 1:是 0:否


showWindow(k, url, mode, cache, menuv)
k            浮窗的 key
url          get 方式 url 表示浮窗请求的地址  post 方式 url 表示浮窗提交的表单 id
mode         get 和 post 两种方式
cache        是否缓存浮窗 0:否 1:是(默认值)
menuv        showMenu 参数调整,如不指定则使用 showWindow 默认值

隐藏窗口可调用 hideWindow()


showTip(ctrlobj)
把指定HTML对象中 tip 属性中的内容以 Tip 的形式显示,如:
      <span tip="你好">鼠标移动到这里</span>


showPrompt(ctrlid, evt, msg, timeout)
ctrlid            对象 id,可留空(null)
evt               响应函数的事件(同 showMenu),可留空(null)
msg               显示的内容
timeout           显示持续时间,单位:毫秒


在指定 id 上显示信息。ctrlid 不留空时效果同 showTip,留空时为居中显示(积分增减提示)


站长窝论坛版权声明 1、本帖标题:Discuz!X javascript show 系列函数使用方法
2、论坛网址:站长窝论坛
3、站长窝论坛的资源部分来源于网络,如有侵权,请联系站长进行删除处理。
4、会员发帖仅代表会员个人观点,并不代表本站赞同其观点和对其真实性负责。
5、站长窝论坛一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本帖由公共账号在站长窝论坛《程序综合区》版块原创发布, 转载请注明出处!
评论
最新回复 (0)
返回
发新帖