Js Kit Ratings

By SquarkSquark

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

Mp3 and video player - 21 Oct 2016 12:48
Voicethread - 16 Feb 2012 01:51
Vimeo - 16 Feb 2012 01:51
Teachertube - 16 Feb 2012 01:46
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!

rating: +20+x
Add a New Comment
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License