Discuz教程网

Discuz开发资料部分JS函数说明

[复制链接]
authicon dly 发表于 2015-2-27 18:57:40 | 显示全部楼层 |阅读模式
ajaxget
  1. /*
  2.         [Discuz!] (C)2001-2009 Comsenz Inc.
  3.         位置:common.js
  4.         方法:ajaxget
  5.         最后更新: 2009 09 22
  6. */

  7. ajaxget(url, showid, waitid, loading, display, recall)

  8. url
  9.         请求的 url

  10. showid
  11.         ajax 返回信息显示区域的 id

  12. waitid
  13.         ajax 请求过程中显示等待信息区域的 id

  14. loading
  15.         ajax 请求过程中显示的等待信息

  16. display
  17.         'none'        不显示
  18.         ''        显示
  19.         'auto'        自动

  20. recall
  21.         回执函数 ajax 请求完成并返回信息后执行 可以是一个函数(推荐)也可以是一段 js 代码


  22. ===========================================================================
  23. 例1: 将链接嵌套在内部,这种在翻页的时候比较管用。
  24. ===========================================================================

  25. <span id="smilies">
  26. <a href="member.php?action=viewavatars&page=1" ajaxtarget="smilies">1</a>
  27. <a href="member.php?action=viewavatars&page=2" ajaxtarget="smilies">2</a>
  28. <a href="member.php?action=viewavatars&page=3" ajaxtarget="smilies">3</a>
  29. </span>

  30. ===========================================================================
  31. 例2: 链接与显示区分开,这样结构比较清晰,常用。
  32. ===========================================================================

  33. <span id="smilies"></span>
  34. <a href="member.php?action=viewavatars&page=1" ajaxtarget="smilies">1</a>

  35. ===========================================================================
  36. 例3: 切换显示区的隐藏状态
  37. ===========================================================================

  38. <span id="smilies"></span>
  39. <a href="member.php?action=viewavatars&page=1" ajaxtarget="smilies" ajaxdisplay="auto">1</a>

  40. ajaxdisplay: auto|none|空
  41. auto: 自动切换
  42. none: 隐藏
  43. 空:   显示

  44. ===========================================================================
  45. 数据初始化
  46. ===========================================================================

  47. <script type="text/javascript">ajaxget('viewthread.php?fid=$fid&tid=$tid&do=viewdebatepost&page=$page', 'ajaxdebateposts');</script>

  48. 第一参数为url, 第二个参数为显示id, 可以考虑用属性的方式实现,不过考虑到实际应用,这样更加灵活一些

复制代码
showMenu
  1. /*
  2.         [Discuz!] (C)2001-2009 Comsenz Inc.
  3.         位置:common.js
  4.         方法:showMenu
  5.         最后更新: 2009 09 22
  6. */

  7. showMenu(v)

  8.         只有一个数组格式的参数 v 例如:{'key1':'value1','key2':'value2','key3':'value3'}
  9.         目前,数组 v 支持传递的 key 有:

  10. key                默认值                                含义                        可选值及解释

  11. ctrlid                ''                                控制菜单的 id               
  12. showid                ctrlid                                弹出菜单的 id                没有 showid 菜单将在屏幕中间显示
  13. menuid                showid + '_menu'                显示菜单的 id                这个必须有
  14. evt                'mouseover'                        响应函数的事件                click: ctrlObj 的 onclick 触发 mouseover: ctrlObj 的 onmouseover 触发
  15. pos                '43'                                菜单位置,"*" 不需要设置位置        详见 setMenuPosition 文档
  16. duration        2                                菜单持续                见下面的注释1       
  17. timeout                250                                菜单持续时间                单位:毫秒
  18. mtype                'menu'                                菜单类型                请看注释2
  19. maxh                500                                菜单最大高度                实际高度超过 maxh 时菜单将出现垂直滚动条
  20. layer                1                                菜单层级                大于 0 的任意整数
  21. cache                1                                是否缓存菜单                0:否 1:是
  22. drag                ''                                拖拽菜单对象的id        如果希望整个菜单都可以拖拽 请设置 drag 等于1
  23. fade                0                                淡入淡出效果                0:否 1:是
  24. cover                0                                覆盖整个页面                0:否 1:是
  25. zindex                JSMENU['zIndex']['menu']        菜单层叠顺序                请看注释3
  26. ctrlclass        ''                                控制对象的 class        duration=2时有效

  27. 注释1
  28. duration

  29.         3 菜单一直显示  除非执行 hideMenu() 或者页面 unload
  30.        
  31.         2 鼠标移开 ctrlObj 及 menuObj 即开始计时 timeout 毫秒后消失
  32.        
  33.         1 鼠标移开 ctrlObj 即开始计时 timeout 毫秒后消失
  34.        
  35.         0 菜单显示即开始计时 timeout 毫秒后消失

  36. 注释2
  37. mtype
  38.         menu:普通菜单
  39.        
  40.         win:浮窗
  41.        
  42.         prompt:提示信息
  43.        
  44.         dialog:对话框
  45.        
  46.         注意:普通菜单弹出时自动关闭同一层级的所有其他普通菜单!可以理解为“排他性”或“唯一性”。


  47. 注释3
  48. zindex
  49.         JSMENU['zIndex'] = {'win':200,'menu':300,'prompt':400,'dialog':500};
  50.         菜单层叠顺序请尽量使用上面的 JSMENU['zIndex'] 这个全局变量,以便于统一管理,不至于不同开发人员使用 zIndex 的标准不同导致菜单层叠顺序混乱。
复制代码
showWindow
  1. /*
  2.         [Discuz!] (C)2001-2009 Comsenz Inc.
  3.         位置:common.js
  4.         方法:showWindow
  5.         最后更新: 2009 09 22
  6. */

  7. showWindow(k, url, mode, cache, v)

  8. k
  9.         浮窗的 key

  10. url
  11.         get 方式 url 表示浮窗请求的地址                post 方式 url 表示浮窗提交的表单 id
  12. mode
  13.         get 和 post 两种方式
  14. cache
  15.         是否缓存浮窗 0:否 1:是(默认值)
  16. v
  17.         showMenu 参数调整,如不指定则使用 showWindow 默认值

  18. 注意:
  19.         同一页面同时可以弹出多个浮窗,但 k 及 url 相同的浮窗同时只能显示一个
  20.         浮窗标题区域支持拖拽
  21.         关闭浮窗请使用 hideWindow(k);



  22. 浮窗模板范例:

  23. <div class="fcontent">
  24.         <h3 class="float_ctrl">
  25.                 <em id="return_$handlekey">浮窗标题</em>
  26.                 <span>
  27.                         <!--{if !empty($infloat)}--><a href="javascript:;" class="float_close" onclick="hideWindow('$handlekey')" title="关闭">关闭</a><!--{/if}-->
  28.                 </span>
  29.         </h3>
  30.         <div class="postbox">
  31.                 浮窗内容
  32.         </div>
  33. </div>
复制代码


更多请下载
游客,如果您要查看本帖隐藏内容请回复



上一篇:Discuz开发资料 DIY扩展 及 DIY Service 相关范例
下一篇:Discuz提醒类型
authicon 小小军022 发表于 2015-7-21 20:13:38 -----手机频道 | 显示全部楼层
谢谢分享,js不是很熟悉
authicon 小小小皮 发表于 2015-10-28 16:58:57 | 显示全部楼层
这是什么。。。。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

1314学习网 ( 浙ICP备10214163号 )

GMT+8, 2025-5-2 03:50

Powered by Discuz! X3.4

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表