By 
Squark
Description
This solution allows to put a star-rating or thumb-rating on your site from the JS-Kit toolkit. Simply put a code shown below on your site, either star- or thumb-.
You can use also both of them. And you show in an extra Code -the results -the Top rated pages.
If you want to rate different obejcts on a page than you should use different path names for every object: i.e:
- path="/shopping/item/1" ,
- path="/shopping/item/2", .. a.s.o.
If you want to rate the same object on more than one page you should use a permanent link like; path="/blogEntry42" on every embeded div block.
More instructions about the customization are on the JS-Kit Custom page.
NOTE: Using this kind of solution, you cannot sort your pages (i.e. using ListPages module) by rating.
Code
Rated:
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Blue"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]
Scored:
[[embed]]
<div class="js-kit-rating" title="Scored item" view="score" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]
Top rated Pages !
[[embed]]
<div class="js-kit-top" title="Top rated topics"></div>
<script src="http://js-kit.com/top.js"></script>
[[/embed]]
Rated and scored:
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink=""></div>
<div class="js-kit-rating" title="Scored item" view="score" permalink=""></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]
In action
Rated:
Stars in "Green"
Stars in "Blue"
Top rated Pages!
(makes no real sense here with only ONE page ( this article) in the ratings…)
Scored:
Rated and scored:
Rate this solution
If you think this solution is useful — rate it up! Or dump it otherwise.
as i stated here, there are some important functions related to this embed that have not been enabled by wikidot. please fix this.
Hi !
1. I changed the snippets- rating star color to green & Blue- this works….!
2. I testet the Top ratings too - this works…!
3. I inserted the description of the possibilities of different ratings for different objects on the same page.
4. I inserted the description the possibuility of specific ratings for ONE object on differentpages (=duplicated insertion with same path - link..
Not yet tested the others like polls, etc.
I do not know what has changed since your start with the snippets - but now it is working!
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
hells to the yeah…. but um I could be an idiot, but I tried copying and pasting the top rated and scored embedded code into a page and I get a weird error message, and it doesnt save. lemme know if Im just an idiot
C.P. Santos - Wikibackpacker
Are your pages on a "private" site ? ( could be a security problem with 3. party cokkies)
Which error message have you gotten?
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
on my embedded top rated pages box, i am getting things like "Rated item" for the page names. By default, JS-Kit is supposed to use the page unix name, like category:pagename as the titles in the top rated box. I assume this was because the code i copied from here has title="Rated item" in the embed code for the ratings. I have since removed that, but it continues to show "Rated item" and not the page name even after getting more votes on that particular rating, which should have refreshed it. Does anyone have any ideas on how to get the titles to display normally?
EDIT: fixed i guess, the solution is that you must have title="" to force it to the default name
I used this snippet so that ppl who watched my videos could vote on it.But I added the exact same code for each video and for some reason if I vote on one of them,I vote on all of them!What's wrong?
Example: (0 = non-colored star,o = colored star)
Before
00000
zero votes
___
l l
l This is l
l The Video #1l
l l
l__l
00000
zero votes
___
l l
l This is l
l The Video#2 l
l l
l__l
After
ooooo
Thank you!
___
l l
l This is l
l The Video #1l
l l
l__l
ooooo
One vote
___
l l
l This is l
l The Video#2 l
l l
l__l
PLZ HELP!!!
I am in need of help!
The videos were wrong it's something like this:
_
l……….l
l……….l
l…#1….l
l_l
But still plz help!
PLease use the path= attribzte for different rating-objects!
(copied from teh page above:
Service is my success. My webtips:www.blender.org, www.zusi.de (Demo-Video)
Wollen Sie Wikidot helfen im deutschen » Handbuch ?
So if I had three items I would put the following? (So that the rating will be different on every item)
Item #1
Item#2
Item#3
The original has:
I modified it to what I think you said:
Base on what you said,I think I am supposed to put the path="/shopping/item/1" on the <div> block.Please correct me if I'm wrong! Other than that…Thanks!!
Yah I tried it it's all good…Thanks alot Helmuti_pdorf!!!