Services · Blog · Demo
Welcome, Registration, and other StartingPoints; TWiki history & Wiki style; All the docs...

RatingContrib

Rating widget for TWiki forms

This is a rating widget that can support a "line of stars" style input field.

Usage

In TWiki < 4.2

The rating widget can be used with the VotePlugin. The widget is like the JSCalendarContrib in that once it is installed, it can be used with any plugin that requires a line - of - stars rating bar.

In TWiki 4.2 and later

You can use the new rating type in form fields. The result of the rating is captured as an integer, and displayed as a line of stars. For example,

Install the contrib into your TWiki. You can immediately use the rating type in your forms. Rating values are stored as integers.

To use it in a TWiki form, use the type rating, with the optional modified +small for small stars. The size field dictates how wide the rating is e.g. 5 means a 5 star range. The value field specifies the initial value. For example, the form definition:

| *Name*     | *Type*       | *Size* | *Values* |
| Supplier   | text         | 40     |          |
| Quality    | rating+small | 10     | 5        |
| Order Date | date         |        |          |
looks like this when it is edited:

Installation Instructions

%$INSTALL_INSTRUCTIONS%

Using the Contrib in a Plugin

A typical application of this widget is its use to capture a rating under the control of a plugin. It is straightforward to use in this role. The API to the contrib is:

TWiki::Contrib::RatingContrib::renderRating($name, $size, $small, $value, $input_attrs) -> $html

where

  • $name is the name you want to give to the input element that will get the rating value
  • $size is the total width of the rating bar, typically 5 or 10
  • $small is a boolean; if true, use small (10px) stars in place of the default (25px) stars
  • $value is the current value of the rating. This may be a floating-point value, but should be in the range 0..$size
  • $input_attrs is a hash that contains additional attributes to be assigned to the input element used to capture the rating value. Typically the only attribute callers will need to use is onchange, which should be set to a callback that will be invoked when the value in the input is changed. If you pass undef for this parameter, then the line of stars will be "read only".
The contrib will automatically look after the CSS and Javascript it needs to load to work.

For example, let's say we want to generate a conventional form that contains a line of stars prompt. We want the value of the rating bar to be submitted along with everything else in the form.

my $html =
   CGI::form({action="some url", method=>"post"},
       TWiki::Contrib::RatingContrib::renderRating('rating', 5, 0, 0, {})
      .CGI::submit("OK"));

Say instead that we want to generate an alert when a line of stars has its value changed:

$html = TWiki::Contrib::RatingContrib::renderRating('rating', 5, 0, 0,
        {onchange=>'javascript: alert("Rated")'})
Of course, when you use the onchange event, you don't need a form. This model is good if you want (for example) to update values using a REST handler.

Contrib Info

Contrib Author(s): Crawford Currie http://c-dot.co.uk
Copyright: © 2007 C-Dot Consultants
License: GPL (Gnu General Public License)
Contrib Version: %$VERSION%
Change History:  
27 Jun 2006: First version
Dependencies: %$DEPENDENCIES%
Contrib Home: http://twiki.org/cgi-bin/view/Plugins/RatingContrib
Feedback: http://twiki.org/cgi-bin/view/Plugins/RatingContribDev
Appraisal: http://twiki.org/cgi-bin/view/Plugins/RatingContribAppraisal

Related Topics: TWikiContribs, DeveloperDocumentationCategory, AdminDocumentationCategory, TWikiPreferences

  Attachment Action Size Date Who Comment
gif edit_example.gif props, move 7.6 K 03 Jul 2007 - 18:31 UnknownUser  
gif example_stars.gif props, move 1.3 K 03 Jul 2007 - 18:31 UnknownUser  
gif ie_pick_star.gif props, move 0.4 K 03 Jul 2007 - 18:31 UnknownUser  
gif ie_pick_star_small.gif props, move 0.2 K 03 Jul 2007 - 18:31 UnknownUser  
gif ie_star.gif props, move 2.0 K 03 Jul 2007 - 18:31 UnknownUser  
gif ie_star_small.gif props, move 0.4 K 03 Jul 2007 - 18:31 UnknownUser  
gif leftbar.gif props, move 0.2 K 03 Jul 2007 - 18:31 UnknownUser  
gif mainbar.gif props, move 0.1 K 03 Jul 2007 - 18:31 UnknownUser  
gif pick_star.gif props, move 0.5 K 03 Jul 2007 - 18:31 UnknownUser  
gif pick_star_small.gif props, move 0.3 K 03 Jul 2007 - 18:31 UnknownUser  
else rating.css props, move 1.6 K 03 Jul 2007 - 18:31 UnknownUser  
js rating.js props, move 0.3 K 03 Jul 2007 - 18:31 UnknownUser  
gif rightbar.gif props, move 0.2 K 03 Jul 2007 - 18:31 UnknownUser  
gif star.gif props, move 2.6 K 03 Jul 2007 - 18:31 UnknownUser  
gif star_small.gif props, move 0.6 K 03 Jul 2007 - 18:31 UnknownUser  
else stars.svg props, move 12.4 K 03 Jul 2007 - 18:31 UnknownUser  
r1 - 14 Nov 2007 - 13:29:43 - TWikiGuest
This site is powered by the TWiki collaboration platformCopyright © by the contributing authors. All material on this collaboration platform is the property of the contributing authors.
Ideas, requests, problems regarding WikiRing? Send feedback
Note: Please contribute updates to this topic on TWiki.org at TWiki:TWiki.RatingContrib
Syndicate this site RSSATOM