Hi,
I've recently had an urge to implement an ajax rating system to the profile module so users could rate each others' profiles to define reliable customers. So I came across an interesting AJAX solution I will share now. Here is what my profile page looks like now:
How to implement:
1. Donwload the file archive (15Kb) from
here.
2. Import ratings.sql to your database. This will create a new table there.
3. Upload images/, js/ and css/ directories into your default theme directory.
4. Upload _config-rating.php, db.php, rpc.php and _drawrating.php into modules/profile/ directory. Edit _config-rating.php with your server info.
5. Edit your theme.html. Add
le="color: #000000"><?php <script type="text/javascript" language="javascript" src="<{xoImgUrl}>js/behavior.js"></script> <script type="text/javascript" language="javascript" src="<{xoImgUrl}>js/rating.js"></script> <link rel="stylesheet" type="text/css" href="<{xoImgUrl}>css/rating.css" />
just before the closing </head> tag.
6. Edit userinfo.php. Add
le="color: #000000"><?php require('_drawrating.php');
right before
le="color: #000000"><?php $uid = intval($_GET['uid']);
. Also add
le="color: #000000"><?php //rating hack if ( $xoopsUser ) { $rate = rating_bar($uid,'5'); $xoopsTpl->assign('rate', $rate); } else { $rate = rating_bar($uid,'5','static'); $xoopsTpl->assign('rate', $rate); // we don't want anonymous users to vote so we give them a static picture } //end of hack
before
le="color: #000000"><?php include $GLOBALS['xoops']->path('/include/comment_view.php')
.
7. Edit the profile_userinfo.html template and add
le="color: #000000"><?php <{$rate}>
wherever you want your rating box to appear.
8. Clean your cache.
This is it. Enjoy your new AJAX rating system. This can be also easily implemented to any other module.
