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



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.

hello how and where i can download for the star icon image??

You should be able to download it as part of the library download.

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <em> <strong> <cite> <code> <ul> <ol> <li> <dl> <dt> <dd> <pre> <div> <blockquote> <object> <embed> <img> <param>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.

More information about formatting options

This question is for testing whether you are a human visitor and to prevent automated spam submissions.
Copy the characters (respecting upper/lower case) from the image.