聚评网使用了最新的JSSS技术,以实现无刷新的跨站调用评论内容,同时您可以自己定义显示的样式。
您可以在页面自行创建显示评论的区域,并按照一下要求设置相应的层ID。
- 将所有的评论区域放入名为"JSSS_MAIN"的层当中,并可以使用样式表将其设置为隐藏,当评论正常引用的时候,会自动显示。
- 将评论的基本信息放入名为"JSSS_CHANNAL"的层当中。可以使用一下变量引用内容
| $CHANNAL_Title$ |
网页的标题 |
|
| $CHANNAL_PubDate$ |
网页的更新时间 |
|
| $CHANNAL_Description$ |
网页的简介 |
|
| $CHANNAL_Link$ |
网页的链接 |
|
- 将评论的条目放入名为"JSSS_ITEMS"的层当中。只需创建一个条目,当有多条评论内容时会自动重复显示此层的内容。可以使用以下变量引用评论的内容。
| $ITEM_Link$ |
本条评论的链接 |
|
| $ITEM_Title$ |
本条评论的标题 |
|
| $ITEM_Description$ |
本条评论的内容 |
|
| $ITEM_PubDate$ |
本条评论的时间 |
|
| $ITEM_Author$ |
本条评论的作者 |
|
- 将提交评论的表单名和ID命名为"JSSS_POST",并可以在表单区域中使用以下变量
| $POST_Method$ |
表单的提交方式 |
|
| $POST_Action$ |
表单的提交地址 |
|
| $POST_ContentField$ |
表单内容输入框 |
|
- 在页面的最后添加调用评论代码
<script language="javascript">
var JUPING_SOURCE_URL="http://www.dayiyao.com/Dayiyao/medicine.mpl%3Fa=view%26id=28211"</script>
<script language="javascript" src="http://www.juping.com/Juping.js"></script> |
注意将JUPING_SOURCE_URL设置为当前页面的URL地址或欲引用的评论也页面URL地址,地址中的?&;%等特殊字符应当进行编码
- 示例代码(http://www.jsss.org.cn/demo/):
<div id="JSSS_MAIN" style="display: ">
<table width="100%" border="1" cellspacing="0" cellpadding="0">
<tr>
<th colspan="2" scope="row">
<div id="JSSS_CHANNAL">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="80" height="25" scope="row">标题</th>
<td>$CHANNAL_Title$</td>
</tr>
<tr>
<th height="25" scope="row">时间</th>
<td>$CHANNAL_PubDate$</td>
</tr>
<tr>
<th height="25" scope="row">简介</th>
<td>$CHANNAL_Description$</td>
</tr>
</table>
</div>
</th>
</tr>
<tr>
<th width="80" height="25" scope="row">条目</th>
<td><div id="JSSS_ITEMS">主题:<a href="$ITEM_Link$" target="_blank">$ITEM_Title$</a><br>
作者:$ITEM_Author$
内容:$ITEM_Source$
时间:$ITEM_PubDate$
<hr>
</div>
</td>
</tr>
</table>
<form action="$POST_Action$" method="$POST_Method$" name="JSSS_POST" id="JSSS_POST">
<textarea name="$POST_ContentField$"></textarea>
<br />
<input type="submit">
</form>
</div>
<script language="javascript">var JUPING_SOURCE_URL="http://www.dayiyao.com/Dayiyao/medicine.mpl%3Fa=view%26id=28211"</script> <cript language="javascript" src="http://www.juping.com/Juping.js"></script> |
- 应用的网站:
http://www.dayiyao.com/Dayiyao/medicine.mpl?a=view&id=28211
|