Discuz:调用弹出层

从discuz7.0开始,登录注册等页面都改为了弹出层的形式.我们如何调用呢?现在把方法贴给大家.
第一步,调用discuz的js.
代码1:

1
2
3
4
<script type="text/javascript">var STYLEID = '7', IMGDIR = 'images/default', VERHASH = 'FnD', 
charset = 'gbk', discuz_uid = 0, cookiedomain = '', cookiepath = '/', attackevasive = '0',
 allowfloatwin = '1', creditnotice = '1|推广|,2|薪金币|个', gid = parseInt('0'), fid = parseInt('0'), 
tid = parseInt('0')</script>

这段代码你可以打开你的论坛首页,自己查找.
代码2:

1
<script src="/include/js/common.js?FnD" type="text/javascript"></script>

注意路径哦.我的页面是在根目录所以路径是include/js/common.js?FnD

第二步:增加相关连接
增加登录连接代码如下:

1
2
<a href="http://www.XXX.com/logging.php?action=login" 
onclick="floatwin('open_login', this.href, 600, 400);return false;">登录</a>

其实这些代码你可以在论坛网页源代码中找到的.只是注意ajax提交时的提交地址.

代码实例

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> Discuz:调用弹出层--crazyfrom.com </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD>
 <script type="text/javascript">var STYLEID = '7', IMGDIR = 'images/default', VERHASH = 'FnD', charset = 'gbk', discuz_uid = 0, cookiedomain = '', cookiepath = '/', attackevasive = '0', allowfloatwin = '1', creditnotice = '1|推广|,2|薪金币|个', gid = parseInt('0'), fid = parseInt('0'), tid = parseInt('0')</script>
<script src="http://www.xxx.com/include/js/common.js?FnD" type="text/javascript"></script>
 <BODY>
 <div id="wrap" class="wrap s_clear"></div>
 <div id="append_parent"></div>
  <a href="http://www.xxx.com/logging.php?action=login" onclick="floatwin('open_login', this.href, 600, 400 target=_blank target=_blank);return false;">登录</a>
 </BODY>
</HTML>

注意:

1
2
<div id="wrap" class="wrap s_clear"></div>
 <div id="append_parent"></div>

这段代码在html中是不可缺少的!

版权所有:为网站而疯狂-给站长一个五星级的家转载请注明来源,谢谢!

已有 8 条评论       我也不甘寂寞

  1. sam/2010-10-18 23:12

    第二部可否修改一下用自己定义的html代码显示弹出层 回击

    #1
  2. sam/2010-10-18 23:12

    第二部可否修改一下用自己定义的html代码在弹出层中显示 回击

    #2
  3. CrazyFrom对 sam/2010-10-18 23:41

    @sam,
    这是可以的!!但是要注意最后的“注意提示” 回击

    #3
  4. sam/2010-10-19 09:55

    大师,麻烦你帮我研究一下,在dz网站中修改版模添加这个“ 点击

    弹出页面的弹出内容怎样添加引入自定义的html代码?我添加之后不能正常显示 回击

    #4
  5. sam/2010-10-19 09:56

    a onclick=”showDialog(‘弹出层内容’, ‘info’, ‘弹出层标题’, null, 1)” href=”javascript:;”>点击我看看</a 回击

    #5
  6. crazyfromsam/2010-10-19 19:56

    @sam,
    给个你弄的DZ地址我看看! 回击

    #6
  7. sam/2010-10-19 20:10

    http://bbs.linjiang.org/search.php
    左下角 点击我看看

    用showDialog行不行?不用showDialog,用哪个参数? 回击

    #7
  8. CrazyFrom对 sam/2010-10-19 20:28

    @sam,
    首先导入javascript文件:

    弹出另一个文件,用法: onclick=”showDialog.show(‘文件路径’,'宽度’,'高度’,'是否有滚动条yes/no’);”

    例如: 《a href=”#(弹出样式)” onclick=”showDialog.show(“ifram.html”,’580′,’212′,’no’);”》弹出iframe《/a》
    或者:《a href=”ifram.html(调用弹出HTML)” onclick=”showDialog.show(this.href,’580′,’212′,’no’);return false;”》弹出iframe《/a》

    关闭:在要弹出的文件里面,onclick = “window.parent.showDialog.hide();”

    弹出本页的内容:
    首页,要先隐藏需要弹出的内容,style=”display:none”。如:
    《div id=”pic” style=”display:none” 》…….《/div>》然后弹出:onclick=”showDialog.show(‘需要弹出内容的id’);”
    《input type=”button” onclick=”showDialog.show(‘pic’);” value=”本页弹出” /》
    关闭用法:onclick=”showDialog.hide(‘pic’);
    如果还是不懂,请加QQ57980613 回击

    #8

欢迎留言

友情提示:
1、请勿发表色情、违法、商业广告等信息,谢谢。
2、留言想要有头像?请看 “我” 的。