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:
Thanks to tsangk for this great snippet: conditional-blocks
text above inserted with:
[[include :snippets:if START |unique=1|type=equal|var1=%%name%%|var2=conditional-blocks]]
**##red|Thanks to tsangk for this great snippet:##** [[[code:conditional-blocks]]]
[[include :snippets:if END]]
Other snippets posted by Squark
Teachertube - 06 Jun 2021 03:45
Mp3 and video player - 21 Oct 2016 12:48
Voicethread - 16 Feb 2012 01:51
Vimeo - 16 Feb 2012 01:51
Slideboom - 16 Feb 2012 01:42
Schooltube - 16 Feb 2012 01:40
Reflections - 16 Feb 2012 01:39
Playlist - 16 Feb 2012 01:31
Picasaweb - 16 Feb 2012 01:30
Ohloh - 16 Feb 2012 01:27
Gametrailers - 16 Feb 2012 01:03
Flickr Video - 16 Feb 2012 01:01
Dailymotion - 15 Feb 2012 00:42
Collapsible Block Unleashed - 15 Feb 2012 00:33
Blip TV - 15 Feb 2012 00:26
Rate this solution
If you think this solution is useful — rate it up!
Why only ratings?
I would love to implement JS Kit or Disqus comments on my site, I want my comments to integrate with the rest of the social media world.
I would like to use this to rate postings within forums. Literally what I want to do is for members to make suggestions on specific topics and other members to rate the suggestions so that the moderator can select and apply the highest rated suggestions.
- How can I add this to a wikidot template for ratings to be automatically created for each posting?
- Can I get statistics on votes (ratings) from members, i.e. to track member activity and participation?
Thanks
Yah I tried it it's all good…Thanks alot Helmuti_pdorf!!!
So if I had three items I would put the following? (So that the rating will be different on every item)
Item #1
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green" path="/shopping/item/1"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]Item#2
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green" path="/shopping/item/2"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]Item#3
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green" path="/shopping/item/3"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]The original has:
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green"</div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]I modified it to what I think you said:
[[embed]]
<div class="js-kit-rating" title="Rated item" permalink="" starColor="Green" path="/shopping/item/1"></div>
<script src="http://js-kit.com/ratings.js"></script>
[[/embed]]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!!
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
ll
00000
zero votes
_
l l
l This is l
l The Video#2 l
l l
ll
I vote on the second video (I vote 5 out of 5 stars)
After
ooooo
Thank you!
_
l l
l This is l
l The Video #1l
l l
ll
ooooo
One vote
_
l l
l This is l
l The Video#2 l
l l
ll
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:
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.
Service is my success. My webtips:www.blender.org (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot 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
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 (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot 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
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 (Open source), Wikidot-Handbook.
Sie können fragen und mitwirken in der deutschsprachigen » User-Gemeinschaft für WikidotNutzer oder
im deutschen » Wikidot Handbuch ?