Function js

出自Discuz! 技术文库

根据以下的原因，您无权限进行编辑这个页面操作：

您可以查看并复制此页面的源代码：

==showMenu() 显示弹出菜单== '''function showMenu(v)''' 参数 v 格式：{'key1':'value1','key2':'value2','key3':'value3'} 目前，数组 v 支持传递的 key 有： {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |style="border-bottom: 1px solid gray"|'''可选值及解释''' |- |style="border-bottom: 1px solid gray"|ctrlid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|控制菜单的 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|ctrlid |style="border-bottom: 1px solid gray"|弹出菜单的 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|menuid |style="border-bottom: 1px solid gray"|showid + '_menu' |style="border-bottom: 1px solid gray"|显示菜单的 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|evt |style="border-bottom: 1px solid gray"|'mouseover' |style="border-bottom: 1px solid gray"|响应函数的事件 |style="border-bottom: 1px solid gray"|click: ctrlObj 的 onclick 触发 mouseover: ctrlObj 的 onmouseover 触发 |- |style="border-bottom: 1px solid gray"|pos |style="border-bottom: 1px solid gray"|'43' |style="border-bottom: 1px solid gray"|菜单位置 |style="border-bottom: 1px solid gray"|详见 setMenuPosition() 中对 pos 的解释 |- |style="border-bottom: 1px solid gray"|layer |style="border-bottom: 1px solid gray"|1 |style="border-bottom: 1px solid gray"|菜单层级 |style="border-bottom: 1px solid gray"|大于 0 的任意整数 |- |style="border-bottom: 1px solid gray"|duration |style="border-bottom: 1px solid gray"|2 |style="border-bottom: 1px solid gray"|菜单显示方式 |style="border-bottom: 1px solid gray"|3:菜单一直显示，除非执行 hideMenu()，或者页面 unload 2:鼠标移开 ctrlObj 及 menuObj 即开始计时 timeout 毫秒后消失 1:鼠标移开 ctrlObj 即开始计时 timeout 毫秒后消失 0:菜单显示即开始计时 timeout 毫秒后消失 |- |style="border-bottom: 1px solid gray"|timeout |style="border-bottom: 1px solid gray"|250 |style="border-bottom: 1px solid gray"|菜单持续时间 |style="border-bottom: 1px solid gray"|单位：毫秒 |- |style="border-bottom: 1px solid gray"|mtype |style="border-bottom: 1px solid gray"|'menu' |style="border-bottom: 1px solid gray"|菜单类型 |style="border-bottom: 1px solid gray"|menu:普通菜单 win:浮窗 prompt:提示信息 dialog:对话框 |- |style="border-bottom: 1px solid gray"|maxh |style="border-bottom: 1px solid gray"|600 |style="border-bottom: 1px solid gray"|菜单最大高度，实际高度超过 maxh 时菜单将出现垂直滚动条 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|cache |style="border-bottom: 1px solid gray"|1 |style="border-bottom: 1px solid gray"|是否缓存菜单 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|drag |style="border-bottom: 1px solid gray"|'' |style="border-bottom: 1px solid gray"|拖拽菜单对象的 id，如果希望整个菜单都可以拖拽 请设置 drag 等于1 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|fade |style="border-bottom: 1px solid gray"|0 |style="border-bottom: 1px solid gray"|淡入淡出效果 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|cover |style="border-bottom: 1px solid gray"|0 |style="border-bottom: 1px solid gray"|是否显示一个遮罩覆盖整个页面 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|zindex |style="border-bottom: 1px solid gray"|JSMENU['zIndex']['menu'] |style="border-bottom: 1px solid gray"|菜单层叠顺序 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|ctrlclass |style="border-bottom: 1px solid gray"|'' |style="border-bottom: 1px solid gray"|控制对象在菜单弹出后的 class 值，duration = 2 时有效 |style="border-bottom: 1px solid gray"| |} ==showDialog() 显示对话框== '''function showDialog(msg, mode, t, func, cover, funccancel, leftmsg, confirmtxt, canceltxt, closetime, locationtime)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |style="border-bottom: 1px solid gray"|'''可选值及解释''' |- |style="border-bottom: 1px solid gray"|msg |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|提示信息内容 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|mode |style="border-bottom: 1px solid gray"|'alert' |style="border-bottom: 1px solid gray"|对话框模式 |style="border-bottom: 1px solid gray"|alert/right:有确定按钮 confirm:有确定和取消按钮 notice:有确定按钮 info:没有按钮 |- |style="border-bottom: 1px solid gray"|t |style="border-bottom: 1px solid gray"|'提示信息' |style="border-bottom: 1px solid gray"|对话框标题 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|func |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|点“确定”执行的函数 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|cover |style="border-bottom: 1px solid gray"|1 (mode = 'info' 时为 0) |style="border-bottom: 1px solid gray"|是否显示一个遮罩覆盖整个页面 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|funccancel |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|点“取消”执行的函数 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|leftmsg |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|底部左侧信息 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|confirmtxt |style="border-bottom: 1px solid gray"|'确定' |style="border-bottom: 1px solid gray"|确定按钮的文字 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|canceltxt |style="border-bottom: 1px solid gray"|'取消' |style="border-bottom: 1px solid gray"|取消按钮的文字 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|closetime |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|自动关闭的时间，单位“秒” leftmsg 强制更改为“n 秒后窗口关闭” |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|locationtime |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|自动跳转时间，单位“秒” leftmsg 强制更改为“n 秒后页面跳转” |style="border-bottom: 1px solid gray"| |} ==showWindow() AJAX弹窗== '''showWindow(k, url, mode, cache, v)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |style="border-bottom: 1px solid gray"|'''可选值及解释''' |- |style="border-bottom: 1px solid gray"|k |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|浮窗的 key |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|url |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|get 方式 url 表示浮窗请求的地址 post 方式 url 表示浮窗提交的表单 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|mode |style="border-bottom: 1px solid gray"|'get' |style="border-bottom: 1px solid gray"|弹窗请求类型 |style="border-bottom: 1px solid gray"|get: ajaxget 方式请求 url post: ajaxpost 方式请求 url |- |style="border-bottom: 1px solid gray"|cache |style="border-bottom: 1px solid gray"|1 |style="border-bottom: 1px solid gray"|是否缓存弹窗内容 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|v |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|由于 showWindow() 是以 showMenu() 函数为内核，因此此处可微调 showMenu() 参数，如不指定则使用 showWindow() 的默认值 |style="border-bottom: 1px solid gray"| |} 注意： :同一页面同时可以弹出多个浮窗，但 k 及 url 相同的浮窗同时只能显示一个 :浮窗标题区域支持拖拽 :关闭浮窗请使用 hideWindow(k); ==setMenuPosition() 菜单定位== '''setMenuPosition(showid, menuid, pos)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |style="border-bottom: 1px solid gray"|'''可选值及解释''' |- |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|弹出菜单的 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|menuid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|菜单 id |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|pos |style="border-bottom: 1px solid gray"|'43' |style="border-bottom: 1px solid gray"|菜单弹出位置及方向，必须是字串类型 格式“BD”，B 为基点 D 为方向。方向设定后，函数会根据实际弹出的位置及浏览器窗口大小进行二次调整，取消二次调整请以“!”结尾表示强制 |style="border-bottom: 1px solid gray"| BD:自定义 B: D: 1:左上角 1:左上方 2:右上角 2:右上方 3:右下角 3:右下方 4:左下角 4:左下方 00:屏幕居中 *:不需要设置位置 |} ==ajaxget() AJAX/GET请求== '''ajaxget(url, showid, waitid, loading, display, recall)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |- |style="border-bottom: 1px solid gray"|url |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|请求的 url |- |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|ajax 返回信息显示区域的 id |- |style="border-bottom: 1px solid gray"|waitid |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|ajax 请求过程中显示等待信息区域的 id |- |style="border-bottom: 1px solid gray"|display |style="border-bottom: 1px solid gray"|'' |style="border-bottom: 1px solid gray"|信息返回后 showId 的 style.display 值 |- |style="border-bottom: 1px solid gray"|recall |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|信息返回后执行的代码 |} ajax返回内容中的<A>标记可增加如下几个属性，可让<A>链接自动实现ajaxget功能<br> ajaxtarget: 属性含义同 ajaxget() 的 showid<br> ajaxwaitid: 属性含义同 ajaxget() 的 waitid<br> ajaxloading: 属性含义同 ajaxget() 的 loading<br> ajaxdisplay: 属性含义同 ajaxget() 的 display<br> ajaxfunc：属性含义同 ajaxget() 的 recall ==ajaxpost() AJAX/POST请求== '''function ajaxpost(formid, showid, waitid, showidclass, submitbtn, recall)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |- |style="border-bottom: 1px solid gray"|formid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|ajax 提交的表单 id |- |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|ajax 返回信息显示区域的 id |- |style="border-bottom: 1px solid gray"|waitid |style="border-bottom: 1px solid gray"|showid |style="border-bottom: 1px solid gray"|ajax 请求过程中显示等待信息区域的 id |- |style="border-bottom: 1px solid gray"|showidclass |style="border-bottom: 1px solid gray"|'' |style="border-bottom: 1px solid gray"|表单提交后返回信息显示区域的样式 |- |style="border-bottom: 1px solid gray"|submitbtn |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|表单提交按钮 ajax 请求发出后将会禁用这个按钮 |- |style="border-bottom: 1px solid gray"|recall |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|信息返回后执行的代码 |} ==ajaxmenu() AJAX/GET请求 显示弹出菜单== '''ajaxmenu(ctrlObj, timeout, cache, duration, pos, recall, idclass, contentclass)''' {|border="0" cellspacing="0" cellspadding="3" |- |width="120" style="border-bottom: 1px solid gray"|'''key''' |width="230" style="border-bottom: 1px solid gray"|'''默认值''' |width="250" style="border-bottom: 1px solid gray"|'''含义''' |style="border-bottom: 1px solid gray"|'''可选值及解释''' |- |style="border-bottom: 1px solid gray"|ctrlObj |style="border-bottom: 1px solid gray"|(必填) |style="border-bottom: 1px solid gray"|控制菜单的对象 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|timeout |style="border-bottom: 1px solid gray"|3000 |style="border-bottom: 1px solid gray"|菜单持续时间 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|cache |style="border-bottom: 1px solid gray"|1 |style="border-bottom: 1px solid gray"|是否缓存菜单 |style="border-bottom: 1px solid gray"|1:是 0:否 |- |style="border-bottom: 1px solid gray"|duration |style="border-bottom: 1px solid gray"|0 (timeout = 0 时为 3) |style="border-bottom: 1px solid gray"|菜单显示方式 |style="border-bottom: 1px solid gray"|3:菜单一直显示，除非执行 hideMenu()，或者页面 unload 2:鼠标移开 ctrlObj 及 menuObj 即开始计时 timeout 毫秒后消失 1:鼠标移开 ctrlObj 即开始计时 timeout 毫秒后消失 0:菜单显示即开始计时 timeout 毫秒后消失 |- |style="border-bottom: 1px solid gray"|pos |style="border-bottom: 1px solid gray"|'43' |style="border-bottom: 1px solid gray"|菜单位置 |style="border-bottom: 1px solid gray"|详见 setMenuPosition() 中对 pos 的解释 |- |style="border-bottom: 1px solid gray"|recall |style="border-bottom: 1px solid gray"| |style="border-bottom: 1px solid gray"|信息返回后执行的代码 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|idclass |style="border-bottom: 1px solid gray"|'p_pop' |style="border-bottom: 1px solid gray"|菜单的 class 属性值 |style="border-bottom: 1px solid gray"| |- |style="border-bottom: 1px solid gray"|contentclass |style="border-bottom: 1px solid gray"|'p_opt' |style="border-bottom: 1px solid gray"|菜单内容的 class 属性值 |style="border-bottom: 1px solid gray"| |}

返回到Function js。