查看原文: http://www.zxlm.cn/blog/show-139-1.html
效果演示: http://www.zxlm.cn/blog/
此AJAX评分插件实现了简单地评分功能。
部署第一步:
新建数据表 _vote (注意表名的前缀要与config.php文件中的一致辞)
SQL代码
- -- Table "x_vote" DDL
-
- CREATE TABLE `x_vote` (
- `articleid` mediumint(8) unsigned NOT NULL,
- `vote_users` mediumint(8) unsigned NOT NULL default '0',
- `vote_mark` mediumint(8) unsigned NOT NULL default '0',
- PRIMARY KEY (`articleid`)
- )
部署第二步:
下载附件,然后上传到Blog根目录中。
部署第三步:
修改模板文件:show.php
打开此文件,查找
$article[content]
替换成:
XML/HTML代码
- <div style="MARGIN:3px; float:left; width: 130px; height:100px; border: 1px solid #86B9D6; padding: 3px;">
- 给当前日志评分:
- <div id="voteDiv" style="MARGIN:3px 3px 0px 24px"><img src="images/vote/sendVote.gif" border="0" alt="Loading Vote"/></div>
- <div id="voteInfo" style="margin-top:6px;height:32px">正在读取评分信息...</div>
- <script type="text/javascript">
- var LogID='$article[articleid]';
- var voteStar=document.getElementById("voteDiv");
- function AddArticleVote(){
- var e;
- e=document.createElement("script");
- e.type="text/javascript";
- e.language="javascript";
- e.src="include/sendvote.php?id=$article[articleid]&action=show&s=" + Math.random();
- document.getElementsByTagName("head")[0].appendChild(e);
- }
- window.setTimeout("AddArticleVote()",1000);
- </script>
- </div>
- $article[content]
部署完成。
附件: [url=attachment.php?id=44]ajax评分插件.zip[/url] (6.65 K)