Rater 2.0 examples

JavaScript Code Resulting rater
new Rater($('title'), raterLayout.stars);
new Rater($('apple'), raterLayout.stardot);
// from version 2.1.1
new Rater($('rate1'), raterLayout.slider);
new Rater($('rate2'), raterLayout.smooth);
new Rater($('rate3'), raterLayout.starsVertical);
new Rater($('rate4'), raterLayout.smooth,
   {textId: 'scoreResult',
   ratingto: 'rate.php?rateid=3&score=%score%',
   p: "images/slider_smooth_vert.gif",
   p_rating: "images/slider_smooth_vert_act.gif",
   bg: "images/slider_smooth_rails_vert.gif",
   fg: "images/slider_smooth_rails_vert.gif",
   width: 21,
   height: 162,
   mode: 'vertical'}
Awaiting your rating...
new Rater($('rate5'),
   {ratingto: function(obj, score)
                  { alert(score); },
   width: 150,
   height: 20,
   bg: "images/vol_empty.gif",
   fg: "images/vol_full.gif",
   fg_rated: "images/vol_rated.gif"}
new Rater($('rate6'), raterLayout.stars,
   {width: 300, steps: 10}, .65);
progressBar = new Rater($('rate7'),
   raterLayout.progressBar, {rated: true});

/* To keep this moving, some more code is needed: */

function doProgress(progress) {
  if(progressBar) {
    progressBar.setValue(.5 - (.5 * Math.cos(progress)));
    progress = progress + .005;

  setTimeout('doProgress('+progress+')', 10);

<button onclick="doProgress(0);">Press button to start<button>

Note that Internet Explorer might show hourglass mouse cursor while progress bar is active. Internet Explorer can't handle the fast changing progress bar values very well.

You'll need Scriptaculous to run this rater. Also you'll need the rater.js.
Rater v2.0 by eDesign.nl

Valid XHTML 1.1