小可爱作品-手把手教你怎样做首页JS调用！！

1, 2, 3, 4

2006-03-12 05:18
小可爱

知道很多朋友现在就这个“首页调用“问题不太明白，刚才我一阵忙活，终于把首页JS问题彻底搞定，现在把首页调用问题作一个小小的简单的教程，希望对大家有所帮助！
首页调用演示地址：http://www.yingyingfr.com/bbs/index.php
１、首先大家必须要清楚，魔力２.５以上版本后台已经拥有增加“首页调用”功能，所以不需要下载什么首页调用的ｊｓ文件！自己安装即可！！
２、开始操作，进入后台选择－ Javascript 调用设定－添加新的JS调用，如图：

３、进入编辑框，如图：

编辑界面已经说明的很清楚了，这里需要说明的一点是，给参数命名是让你自己给参数列表新建立一个名字，编辑成功添加成功后，会自动生成相应的ｊｓ，根据自己的需要设置各种参数。
４、关于更新时间，为保持论坛的最新互动性，一定要选择０，如图所示：

注意：要仔细阅读标签说明，魔力已经解释的相当清楚了，根据自己喜好调用不同的代码即可。
５、最终的列表状态为：

６、最后一步，很关键的一部就是实现首页调用实时更新的注意事项！要根据第５步的图演示的调用链表把相应函数放到模板里。
编辑模板的步骤为：后台－模板编辑－index- index_top中适当位置，加入下面代码：
代码:
<div class="wttborder">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class='ttable'>
<tbody>
<tr>
      <td colspan='3' class='thead' align='center'> <img src='./../../images/style_1/nav_m.gif' border='0' alt='' /> 社区第一哨 <img src='./../../images/style_1/nav_m.gif' border='0' alt='' />
      </td>
    </tr>
<tr class='tcat'>
<th align="center" width="33%"><font color="#336699">最新主题</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#336699">最新回复</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#336699">热门主题</font></th>
</tr><tr>
<td class="row2" align="left">
<script language='javascript' src='./../../http://www.你的网址.com/bbs/real_js.php?id=1'></script>
</td>
<td class="row2" align="left">
<script language='javascript' src='./../../http://www.你的网址.com/bbs/real_js.php?id=3'></script>
</td>
<td class="row2" align="left">
<script language='javascript' src='./../../http://www.你的网址.com/bbs/real_js.php?id=2'></script>
</td></tr>
</tbody></table>
</div>
如图：
７、保存所有编辑，论坛首页调用彻底搞定！有什么问题，请跟帖发言，大家共同讨论！共同提高！！
[quote]
以下由bensunan插入:
今天用了这个调用代码改了3个地方,让代码更傻瓜化,小改内容如下:
1:nav_m.gif图片代码自动使用当前风格的图片
2:调用代码更改,如果你是第一次使用JS调用,又是根据作者的调顺序添加调用的前提下,直接将下边的代码复制到后台－模板编辑－index- index_top 中 {ads:thread}的上边即可使用,无需更改
3:调用框的背景取色更改为row1
代码:
</p><p><div class="wttborder">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class='ttable'>
<tbody>
<tr>
      <td colspan='3' class='thead' align='center'> <img src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' /> 社区更新 <img src='images/<#IMAGE#>/nav_m.gif' border='0' alt='' />
      </td>
    </tr>
<tr class='tcat'>
<th align="center" width="33%" nowrap='nowrap'><font color="#000000">最新主题</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#000000">最新回复</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#000000">热门主题</font></th>
</tr><tr>
<td class="row1" align="left">
<script language='javascript' src='./../../real_js.php?id=1'></script>
</td>
<td class="row1" align="left">
<script language='javascript' src='./../../real_js.php?id=2'></script>
</td>
<td class="row1" align="left">
<script language='javascript' src='./../../real_js.php?id=3'></script>
</td></tr>
</tbody></table>
</div></p><p>
[/quote]

此帖由 bensunan 在 2007-02-22 20:35 进行编辑...
2006-03-12 05:32
小可爱

大家注意第６步操作，调用的是自动生成的这个函数：
代码:
<script language='javascript' src='./../../http://www.你的网址.com/bbs/real_js.php?id=1'></script>
而不是调用这个文件所在的实际地址：
代码:
<script language='javascript' src='./../../http://www.你的网址.com/bbs/data/newpost.js'></script>
这样便会解决首页ｊｓ不能自动更新的问题！！
2006-03-12 10:02
迎风看海

伟大啊。，终于解决更新问题了
2006-03-12 22:46
sylj001

非常感谢楼主的辛勤劳动，马上回去测试
2006-03-12 23:04
栗子

赞一个
应该给予奖励
2006-03-12 23:17
sylj001

至于第六步，放在那个后台－模板编辑－index- index_top中适当位置，能否解释一下适当位置在什么地方？
是不是随便放都可以？麻烦楼主给解释一下，俺很菜，呵呵
2006-03-12 23:31
栗子

最顶部或者最底部
2006-03-13 00:15
小可爱

引用:(sylj001 @ 2006-03-12 23:21)
至于第六步，放在那个后台－模板编辑－index- index_top中适当位置，能否解释一下适当位置在什么地方？
是不是随便放都可以？麻烦楼主给解释一下，俺很菜，呵呵
[/quote]
嗯，最底部好一点，根据自己的情况而定吧。自己慢慢调试，一直得到自己的理想的效果为止：）
2006-03-13 00:17
sylj001

呵呵，谢谢楼上两位兄弟解答。现在已经全部搞好了，再次感谢！
强烈要求斑竹加精！！！
2006-03-13 15:55
xiao1907

我想了解帖子里的代码的着色是如何做到的？是自己慢慢加的？[color]？？？？
2006-03-13 18:12
小可爱

引用:(xiao1907 @ 2006-03-13 15:59)
我想了解帖子里的代码的着色是如何做到的？是自己慢慢加的？[color]？？？？[/quote]
是自动的，自己会把颜色添加上去的。
2006-03-13 19:15
迎风看海

应该是根据风格模版的设置吧
2006-03-16 08:15
小可爱

不过我现在遇到一个问题，本来是红色的帖子标题，到了首页调用，就会变成绿色，奇怪了！？
2006-03-17 17:00
ryuyan

小可爱是妹妹么，这么多帖子，名字也这么暧昧啊。
2006-03-21 09:10
xfl

<div class="wttborder">
<table width="100%" border="0" cellspacing="1" cellpadding="4" class='ttable'>
<tbody>
<tr>
      <td colspan='3' class='thead' align='center'> <img src='./../../images/style_1/nav_m.gif' border='0' alt='' /> 论坛第一哨 <img src='./../../images/style_1/nav_m.gif' border='0' alt='' />
      </td>
    </tr>
<tr class='tcat'>
<th align="center" width="33%"><font color="#336699">最新主题</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#336699">热门主题</font></th>
<th align="center" width="33%" nowrap='nowrap'><font color="#336699">最新回复</font></th>
</tr><tr>
<td class="row2" align="left">
<script language='javascript' src='./../../real_js.php?id=4'></script>
</td>
<td class="row2" align="left">
<script language='javascript' src='./../../real_js.php?id=5'></script>
</td>
<td class="row2" align="left">
<script language='javascript' src='./../../real_js.php?id=6'></script>
</td></tr>
</tbody></table>
</div>
各位老大，我是新手，使用的2.5版的。我很是费尽心机地找了好几遍，也没找到“编辑模板”在什么地方，是不是在[风格管理]一项中？求哪位知道的给解释一下，急等！我先谢了！！！
2006-03-21 19:21
小可爱

我跟你回你发的那个帖子了，这里再说一遍－后台－风格管理－选择风格－点击后选择编辑风格模板就出来了。
2006-03-21 19:38
whoknow

留个名，下次好找。

谢谢楼主小可爱
2006-03-24 04:24
小可爱

引用:(whoknow @ 2006-03-21 19:42)
留个名，下次好找。

谢谢楼主小可爱

[/quote]
行，不客气：）
2006-03-25 09:49
seek

２、开始操作，进入后台选择－ Javascript 调用设定－添加新的JS调用，如图：
我怎么在后台看不到有这个选项的？？？
2006-03-25 09:52
栗子

引用:(seek @ 2006-03-25 09:53)
２、开始操作，进入后台选择－ Javascript 调用设定－添加新的JS调用，如图：
我怎么在后台看不到有这个选项的？？？
[/quote]
请使用安装管理员权限登陆