Share

From this page you can share Starbox - Shine Like a Star! (or atleast rate with them) to a social bookmarking site or email a link to the page.
Social WebE-mail
Enter multiple addresses on separate lines or separate them with commas.
Starbox - Shine Like a Star! (or atleast rate with them)
(Your Name) has forwarded a page to you from Ajaxonomy
(Your Name) thought you would like to see this page from the Ajaxonomy web site.

Starbox - Shine Like a Star! (or atleast rate with them)

Tagged:  

Starbox

Starbox allows you to easily create all kinds of rating boxes using just one PNG image. The library is build on top of the Prototype javascript framework. For some extra effects you can add Scriptaculous as well.

Starbox Demo

Here are the options Starbox allows you to specify:

new Starbox(
  element,                  // the id of your element
  rating,                   // rating to start with
  {  
    background: false,      // or a css background to overwrite the one in class
    buttons: 5,             // the number of buttons (choices)
    className : 'default',  // or your own classname
    color: false,           // color of the colorbar
    duration: 0.6,          // duration of the effect across the bar, if used
    effect: { mouseover: false, mouseout: true } // or your own
    hoverClass: 'hover',    // or your own classname
    hoverColor: false,      // color of the colorbar when hovered
    identity: false,        // used on the return info
    indicator: false,       // adds an indicator after the starbox using a string,
                            // #{average}, #{max} and #{total} can be used.
                            // example: '#{average}/#{max} out of #{total} votes'
    inverse: false,         // true, false
    locked: false,          // true, false
    lockOnRate: true,       // true, false
    max: 5,                 // maximum rating, that of the last star
    onRate: false,          // or function(element, info){}
                            // info = { identity: identity,
                            //          rating: rating,
                            //          average: average,
                            //          max: max,
                            //          total: total
                            //        }
    overlay: 'default.png', // or other png in same folder as starbox.css
    stars: 5,               // the amount of stars
    total : 0               // the amount of votes cast
  }
);

For more information, and to download the Starbox library, click here to visit Nick Stakenburg's site.