如何在我的网页引用聚评网的评论

聚评网使用了最新的JSSS技术,以实现无刷新的跨站调用评论内容,同时您可以自己定义显示的样式。

您可以在页面自行创建显示评论的区域,并按照一下要求设置相应的层ID。

  1. 将所有的评论区域放入名为"JSSS_MAIN"的层当中,并可以使用样式表将其设置为隐藏,当评论正常引用的时候,会自动显示。
  2. 将评论的基本信息放入名为"JSSS_CHANNAL"的层当中。可以使用一下变量引用内容
    $CHANNAL_Title$ 网页的标题  
    $CHANNAL_PubDate$ 网页的更新时间  
    $CHANNAL_Description$ 网页的简介  
    $CHANNAL_Link$ 网页的链接  
  3. 将评论的条目放入名为"JSSS_ITEMS"的层当中。只需创建一个条目,当有多条评论内容时会自动重复显示此层的内容。可以使用以下变量引用评论的内容。
    $ITEM_Link$ 本条评论的链接  
    $ITEM_Title$ 本条评论的标题  
    $ITEM_Description$ 本条评论的内容  
    $ITEM_PubDate$ 本条评论的时间  
    $ITEM_Author$ 本条评论的作者  
  4. 将提交评论的表单名和ID命名为"JSSS_POST",并可以在表单区域中使用以下变量
    $POST_Method$ 表单的提交方式  
    $POST_Action$ 表单的提交地址  
    $POST_ContentField$ 表单内容输入框  
  5. 在页面的最后添加调用评论代码
    <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地址,地址中的?&;%等特殊字符应当进行编码
  6. 示例代码(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>
  7. 应用的网站:
    http://www.dayiyao.com/Dayiyao/medicine.mpl?a=view&id=28211

 

版权所有®2007 聚评网