中国第一Ajax站长门户:www.okajax.com   虚拟主机 域名注册 云主机

Ajax评分条-用于文章评分 - okajax.com - Ajax中国

我要投稿 会员登陆 RSS订阅 本站推荐:
您的位置主页 > Ajax技术 > Ajax优秀资源 > Ajax评分条-用于文章评分

Ajax评分条-用于文章评分

2008-07-12    文章来源:互联网    浏览次数:

主要讲解的是AJAX Rating Bars(基于php编程)的安装使用、演示下载,以及相关说明。

效果预览:

 

数据库结构

 

本站演示:http://bbs.okajax.com/demo/9/
使用说明:
一.请上传以下文件到您的服务器

_config-rating.php
_drawrating.php
db.php
rpc.php

CSS File:
  rating.css (可以放到你的自定css样式表里面)

Javascript files:
  behaviour.js
  rating.js

Image files:
  starrating.gif
  working.gif

二.安装
1.在mysql数据库中用以下语句建表(登录myphpadmin,打开指定数据库,执行sql建表语句)

CREATE TABLE `ratings` (
  `id` varchar(11) NOT NULL,
  `total_votes` int(11) NOT NULL default 0,
  `total_value` int(11) NOT NULL default 0,
  `used_ips` longtext,
  PRIMARY KEY  (`id`)
) TYPE=MyISAM AUTO_INCREMENT=3;

2.打开_config-rating.php文件修改以下数据库连接。

$dbhost        = 'localhost';
$dbuser        = '###';
$dbpass        = '###';
$dbname        = '###';
$tableName     = 'ratings';
$rating_unitwidth     = 30;

3.在您需要显示评分条的网页(php页面)顶部插入

<?php require('_drawrating.php'); ?>

4.<head></head>标签中加入对js和css的引用(请注意目录位置的修改)

<script type="text/javascript" language="javascript" src="js/behavior.js"></script>
<script type="text/javascript" language="javascript" src="js/rating.js"></script>
<link rel="stylesheet" type="text/css" href="css/rating.css" />

5.页面中需要显示此评分条的地方加入如下语句。

<?php echo rating_bar('#1','#2'); ?>

注意:#1是每个评论条的唯一性标识,需要自己设定,最好不要重复(如果重复的话相当于,多个页面调用的一个评分),可以用1、2、3、4、a、b、c、d等代替,当然最好是用文章的id替换上面的#1。#2表示评论的总分数,为空表示10分(10个星星),如果总分设置为5分,则用5代替#2。
如果你要修改评论条的数据保存方式,你可以修改_drawrating.php文件。同时也需要修改 rpc.php文件中大概第52行的内容。

打包下载:请到论坛下载

论坛交流地址:http://bbs.okajax.com/viewthread.php?tid=1801

官方网站:http://www.masugadesign.com/the-lab/scripts/unobtrusive-ajax-star-rating-bar/

文章评论(查看全部)

看不清楚?单击换一张。
loading.. 评论加载中....
关于我们 - 广告服务 - 版权隐私 - 免责声明 - RSS地图 - 网站地图 - 使用帮助 - 返回顶部