r86192 MediaWiki - Code Review archive

Repository:MediaWiki
Revision:< r86191‎ | r86192 | r86193 >
Date:09:07, 16 April 2011
Author:ialex
Status:ok
Tags:
Comment:
svn:eol-style native
Modified paths:
  • /trunk/extensions/CustomUserSignup/README (modified) (history)
  • /trunk/extensions/FlaggedRevs/schema/mysql/patch-fr_page_rev-index.sql (modified) (history)
  • /trunk/extensions/FlaggedRevs/schema/postgres/patch-fr_page_rev-index.sql (modified) (history)
  • /trunk/extensions/PAMELA/COPYING (modified) (history)
  • /trunk/extensions/PAMELA/INSTALL (modified) (history)
  • /trunk/extensions/PAMELA/README (modified) (history)
  • /trunk/extensions/PAMELA/RELEASE-NOTES (modified) (history)
  • /trunk/extensions/Ratings/COPYING (modified) (history)
  • /trunk/extensions/Ratings/INSTALL (modified) (history)
  • /trunk/extensions/Ratings/README (modified) (history)
  • /trunk/extensions/Ratings/RELEASE-NOTES (modified) (history)
  • /trunk/extensions/Ratings/starrating/star-rating/documentation.html (modified) (history)
  • /trunk/extensions/Ratings/starrating/star-rating/index.html (modified) (history)

Diff [purge]

Property changes on: trunk/extensions/CustomUserSignup/README
___________________________________________________________________
Added: svn:eol-style
11 + native
Index: trunk/extensions/FlaggedRevs/schema/mysql/patch-fr_page_rev-index.sql
——@@ -1,13 +1,13 @@
2 -ALTER TABLE /*_*/flaggedrevs
3 - ADD COLUMN fr_rev_timestamp varbinary(14) NOT NULL default '',
4 - DROP COLUMN fr_text,
5 - DROP COLUMN fr_comment,
6 - DROP PRIMARY KEY;
7 -
8 -ALTER IGNORE TABLE /*_*/flaggedrevs ADD PRIMARY KEY (fr_rev_id);
9 -
10 -CREATE INDEX /*i*/page_rev ON /*_*/flaggedrevs (fr_page_id,fr_rev_id);
11 -CREATE INDEX /*i*/page_time ON /*_*/flaggedrevs (fr_page_id,fr_rev_timestamp);
12 -CREATE INDEX /*i*/page_qal_time ON /*_*/flaggedrevs (fr_page_id,fr_quality,fr_rev_timestamp);
 2+ALTER TABLE /*_*/flaggedrevs
 3+ ADD COLUMN fr_rev_timestamp varbinary(14) NOT NULL default '',
 4+ DROP COLUMN fr_text,
 5+ DROP COLUMN fr_comment,
 6+-- Old (fr_page_id,fr_rev_id) key
 7+ DROP PRIMARY KEY;
 8+
 9+-- Take the first row of any duplicates on new key
 10+ALTER IGNORE TABLE /*_*/flaggedrevs ADD PRIMARY KEY (fr_rev_id);
 11+
 12+CREATE INDEX /*i*/page_rev ON /*_*/flaggedrevs (fr_page_id,fr_rev_id);
 13+CREATE INDEX /*i*/page_time ON /*_*/flaggedrevs (fr_page_id,fr_rev_timestamp);
 14+CREATE INDEX /*i*/page_qal_time ON /*_*/flaggedrevs (fr_page_id,fr_quality,fr_rev_timestamp);
Property changes on: trunk/extensions/FlaggedRevs/schema/mysql/patch-fr_page_rev-index.sql
___________________________________________________________________
Added: svn:eol-style
1315 + native
Index: trunk/extensions/FlaggedRevs/schema/postgres/patch-fr_page_rev-index.sql
——@@ -1,11 +1,11 @@
2 -ALTER TABLE flaggedrevs
3 - ADD COLUMN fr_rev_timestamp TIMESTAMPTZ NOT NULL,
4 - DROP COLUMN fr_text;
5 - DROP COLUMN fr_comment;
6 - DROP PRIMARY KEY;
7 - ADD PRIMARY KEY (fr_rev_id);
8 -
9 -CREATE INDEX page_rev ON flaggedrevs (fr_page_id,fr_rev_id);
10 -CREATE INDEX page_time ON flaggedrevs (fr_page_id,fr_rev_timestamp);
11 -CREATE INDEX page_qal_time ON flaggedrevs (fr_page_id,fr_quality,fr_rev_timestamp);
 2+-- Add file metadata for flaggedrevs of image pages
 3+ALTER TABLE flaggedrevs
 4+ ADD COLUMN fr_rev_timestamp TIMESTAMPTZ NOT NULL,
 5+ DROP COLUMN fr_text;
 6+ DROP COLUMN fr_comment;
 7+ DROP PRIMARY KEY;
 8+ ADD PRIMARY KEY (fr_rev_id);
 9+
 10+CREATE INDEX page_rev ON flaggedrevs (fr_page_id,fr_rev_id);
 11+CREATE INDEX page_time ON flaggedrevs (fr_page_id,fr_rev_timestamp);
 12+CREATE INDEX page_qal_time ON flaggedrevs (fr_page_id,fr_quality,fr_rev_timestamp);
Property changes on: trunk/extensions/FlaggedRevs/schema/postgres/patch-fr_page_rev-index.sql
___________________________________________________________________
Added: svn:eol-style
1213 + native
Property changes on: trunk/extensions/Ratings/INSTALL
___________________________________________________________________
Added: svn:eol-style
1314 + native
Property changes on: trunk/extensions/Ratings/RELEASE-NOTES
___________________________________________________________________
Added: svn:eol-style
1415 + native
Property changes on: trunk/extensions/Ratings/COPYING
___________________________________________________________________
Added: svn:eol-style
1516 + native
Property changes on: trunk/extensions/Ratings/README
___________________________________________________________________
Added: svn:eol-style
1617 + native
Index: trunk/extensions/Ratings/starrating/star-rating/index.html
——@@ -1,19 +1,19 @@
2 -<html>
3 -<head>
4 -</head>
5 -<body>
6 -
7 -<div style="padding:50px; font-family:Arial, Helvetica, sans-serif; font-size:150%;">
8 - This project has moved. Hold on, I'm taking you there...<br/>
9 - <a href="http://www.fyneworks.com/jquery/">http://www.fyneworks.com/jquery/</a>
10 -</div>
11 -
12 -<script language="javascript">
13 -if(window.location.toString().match(/localhost/i))
14 - window.location = 'index.asp';
15 -else
16 - window.location = "http://www.fyneworks.com/jquery/star-rating/";
17 -</script>
18 -
19 -</body>
20 -</html>
 2+<html>
 3+<head>
 4+</head>
 5+<body>
 6+
 7+<div style="padding:50px; font-family:Arial, Helvetica, sans-serif; font-size:150%;">
 8+ This project has moved. Hold on, I'm taking you there...<br/>
 9+ <a href="http://www.fyneworks.com/jquery/">http://www.fyneworks.com/jquery/</a>
 10+</div>
 11+
 12+<script language="javascript">
 13+if(window.location.toString().match(/localhost/i))
 14+ window.location = 'index.asp';
 15+else
 16+ window.location = "http://www.fyneworks.com/jquery/star-rating/";
 17+</script>
 18+
 19+</body>
 20+</html>
Property changes on: trunk/extensions/Ratings/starrating/star-rating/index.html
___________________________________________________________________
Added: svn:eol-style
2121 + native
Index: trunk/extensions/Ratings/starrating/star-rating/documentation.html
——@@ -1,1169 +1,1169 @@
2 -<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
3 -<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
4 -<head>
5 - <title>jQuery Star Rating Plugin v3.13 (2009-03-26)</title>
6 - <!--// documentation resources //-->
7 - <script src='jquery.js' type="text/javascript"></script>
8 - <script src='documentation.js' type="text/javascript"></script>
9 - <link href='documentation.css' type="text/css" rel="stylesheet"/>
10 - <!--// code-highlighting //-->
11 - <script type="text/javaScript" src="/jquery/project/chili/jquery.chili-2.0.js"></script>
12 - <!--///jquery/project/chili-toolbar/jquery.chili-toolbar.pack.js//-->
13 - <script type="text/javascript">try{ChiliBook.recipeFolder="/jquery/project/chili/"}catch(e){}</script>
14 - <!--// plugin-specific resources //-->
15 - <script src='jquery.MetaData.js' type="text/javascript" language="javascript"></script>
16 - <script src='jquery.rating.js' type="text/javascript" language="javascript"></script>
17 - <link href='jquery.rating.css' type="text/css" rel="stylesheet"/>
18 -</head>
19 -<body>
20 -<a name="top"></a>
21 -<div id="wrap">
22 - <div id="roof">
23 - <a href="http://www.fyneworks.com/jquery/"><strong>jQuery Plugins</strong></a>:
24 - <a href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload</a>,
25 - <a href="http://www.fyneworks.com/jquery/star-rating/">Star Rating</a>,
26 - <strong>NEW:</strong>
27 - <a href="http://www.fyneworks.com/jquery/CKEditor/">CKEditor</a>
28 - (old: <a href="http://www.fyneworks.com/jquery/FCKEditor/">FCKEditor</a>),
29 - <a href="http://www.fyneworks.com/jquery/Codepress/">Codepress</a>,
30 - <a href="http://www.fyneworks.com/jquery/xml-to-json/">XML to JSON</a>
31 - <span style="position:absolute; right:0;">
32 - <script type="text/javascript">digg_title='jQuery Star Rating Plugin';</script>
33 - <script type="text/javascript">digg_url='http://www.fyneworks.com/jquery/star-rating/';</script>
34 - <script type="text/javascript">digg_bgcolor='#e7e7e7';digg_skin='compact';digg_window='new';</script>
35 - <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
36 - </span>
37 - </div>
38 - <div id="head">
39 - <table width="100%" cellspacing="5">
40 - <tr>
41 - <td valign="middle">
42 - <h1>jQuery Star Rating Plugin</h1>
43 - <span style="cursor:help; background:#C00; padding:2px; color:#FFF;" title="Current Version">
44 - v<strong>3.13</strong>
45 - </span>
46 - </td>
47 - <td valign="middle" width="450" align="right">
48 - <div id="search" style="display:none">
49 - <form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
50 - <label for="q">Find another jQuery plugin:</label>
51 - <input type="hidden" name="cx" value="partner-pub-9465008056978568:j3ebzr-v1o0" />
52 - <input type="hidden" name="ie" value="ISO-8859-1" />
53 - <input type="text" name="q" id="q" size="20" />
54 - <input type="submit" name="sa" value="Search" />
55 - </form>
56 - <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
57 - </div>
58 - <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
59 - <input type="hidden" name="cmd" value="_s-xclick">
60 - <input type="hidden" name="hosted_button_id" value="6856904">
61 - <input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
62 - <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
63 - </form>
64 - </td>
65 - </tr>
66 - </table>
67 - </div>
68 - <div id="body">
69 -
70 - <div id="ad">
71 - <!--//
72 - <div id='vu_ytplayer_vjVQa1PpcFNzWL_xJNUOpZhjtZP7PE8aGHuLQqHHrFI='><a href='http://www.youtube.com/browse'>Watch the latest videos on YouTube.com</a></div>
73 - <script type='text/javascript' src='http://www.youtube.com/watch_custom_player?id=vjVQa1PpcFNzWL_xJNUOpZhjtZP7PE8aGHuLQqHHrFI='></script>
74 - //-->
75 -<script type="text/javascript"><!--
76 -google_ad_client = "pub-9465008056978568";
77 -/* 120x600, created 25/11/09 */
78 -google_ad_slot = "4176621808";
79 -google_ad_width = 120;
80 -google_ad_height = 600;
81 -//-->
82 -</script>
83 -<script type="text/javascript"
84 -src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
85 -</script>
86 - </div>
87 -
88 - <div id="documentation" class="tabs">
89 - <ul class="Clear">
90 - <li><a href="#tab-Overview" id="btn-Overview">Intro</a></li>
91 - <li><a href="#tab-Testing" id="btn-Testing">Demos</a></li>
92 - <li><a href="#tab-API" id="btn-API">API</a></li>
93 - <li><a href="#tab-Database" id="btn-Database">Database Integration</a></li>
94 - <li><a href="#tab-Background" id="btn-Background">Background</a></li>
95 - <li><a href="#tab-Download" id="btn-Download">Download</a></li>
96 - <li><a href="#tab-Support" id="btn-Support">Support</a></li>
97 - <li><a href="#tab-License" id="btn-License">License</a></li>
98 - </ul><!--// tabs //-->
99 - <!--//
100 - ####################################
101 - #
102 - # * START CONTENT *
103 - #
104 - ####################################
105 - //-->
106 -
107 -
108 -
109 -
110 -
111 - <div id="tab-Overview">
112 - <h2>What is this?</h2>
113 - <p>
114 - The <strong>Star Rating Plugin</strong> is a plugin
115 - for the jQuery Javascript library that creates a non-obstrusive
116 - star rating control based on a set of radio input boxes.
117 - </p>
118 -
119 - <h2>What does it do?</h2>
120 - <ul>
121 - <li>
122 - It turns a collection of radio boxes into a neat star-rating control.
123 - </li>
124 - <li>
125 - It creates the interface based on standard form elements, which means the
126 - basic functionality will still be available even if Javascript is disabled.
127 - </li>
128 - <li>
129 - <strong style="color: rgb(0, 153, 0);">NEW</strong> (12-Mar-08):
130 - In read only mode (using the 'readOnly' option or <code>disabled</code> property), the plugin is a neat way of
131 - displaying star-like values without any additional code
132 - </li>
133 - </ul>
134 -
135 - <h2>How do I use it?</h2>
136 - <p>
137 - Just add the <code><strong>star</strong></code> class to your radio boxes
138 - </p>
139 - <table cellspacing="5" width="100%">
140 - <tr>
141 - <td valign="top">
142 - <pre class="code"><code class="html">&lt;input name="star1" type="radio" class="star"/&gt;
143 -&lt;input name="star1" type="radio" class="star"/&gt;
144 -&lt;input name="star1" type="radio" class="star"/&gt;
145 -&lt;input name="star1" type="radio" class="star"/&gt;
146 -&lt;input name="star1" type="radio" class="star"/&gt;</code></pre>
147 - </td>
148 - <td valign="top" width="10">&raquo;</td>
149 - <td valign="top" width="180">
150 - <input name="star1" type="radio" class="star"/>
151 - <input name="star1" type="radio" class="star"/>
152 - <input name="star1" type="radio" class="star"/>
153 - <input name="star1" type="radio" class="star"/>
154 - <input name="star1" type="radio" class="star"/>
155 - </td>
156 - </tr>
157 - </table>
158 -
159 - <p>
160 - Use the <code><strong>checked</strong></code> property to specify the initial/default value of the control
161 - </p>
162 - <table cellspacing="5" width="100%">
163 - <tr>
164 - <td valign="top">
165 - <pre class="code"><code class="html">&lt;input name="star2" type="radio" class="star"/&gt;
166 -&lt;input name="star2" type="radio" class="star"/&gt;
167 -&lt;input name="star2" type="radio" class="star" checked="checked"/&gt;
168 -&lt;input name="star2" type="radio" class="star"/&gt;
169 -&lt;input name="star2" type="radio" class="star"/&gt;</code></pre>
170 - </td>
171 - <td valign="top" width="10">&raquo;</td>
172 - <td valign="top" width="180">
173 - <input name="star2" type="radio" class="star"/>
174 - <input name="star2" type="radio" class="star"/>
175 - <input name="star2" type="radio" class="star" checked="checked"/>
176 - <input name="star2" type="radio" class="star"/>
177 - <input name="star2" type="radio" class="star"/>
178 - </td>
179 - </tr>
180 - </table>
181 -
182 - <p>
183 - Use the <code><strong>disabled</strong></code> property to use a control for display purposes only
184 - </p>
185 - <table cellspacing="5" width="100%">
186 - <tr>
187 - <td valign="top">
188 - <pre class="code"><code class="html">&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
189 -&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
190 -&lt;input name="star3" type="radio" class="star" disabled="disabled" checked="checked"/&gt;
191 -&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
192 -&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;</code></pre>
193 - </td>
194 - <td valign="top" width="10">&raquo;</td>
195 - <td valign="top" width="180">
196 - <input name="star3" type="radio" class="star" disabled="disabled"/>
197 - <input name="star3" type="radio" class="star" disabled="disabled"/>
198 - <input name="star3" type="radio" class="star" disabled="disabled" checked="checked"/>
199 - <input name="star3" type="radio" class="star" disabled="disabled"/>
200 - <input name="star3" type="radio" class="star" disabled="disabled"/>
201 - </td>
202 - </tr>
203 - </table>
204 -
205 - <h2>What about split stars and 'half ratings'???</h2>
206 - <p>
207 - Use metadata plugin to pass advanced settings to the plugin via the class property.
208 - </p>
209 - <table cellspacing="5" width="100%">
210 - <tr>
211 - <td valign="top">
212 - <pre class="code"><code class="html">&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
213 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
214 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
215 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
216 -&lt;input name="adv1" type="radio" class="star {split:4}" checked="checked"/&gt;
217 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
218 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
219 -&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;</code></pre>
220 - </td>
221 - <td valign="top" width="10">&raquo;</td>
222 - <td valign="top" width="180">
223 - <input name="adv1" type="radio" class="star {split:4}"/>
224 - <input name="adv1" type="radio" class="star {split:4}"/>
225 - <input name="adv1" type="radio" class="star {split:4}"/>
226 - <input name="adv1" type="radio" class="star {split:4}"/>
227 - <input name="adv1" type="radio" class="star {split:4}" checked="checked"/>
228 - <input name="adv1" type="radio" class="star {split:4}"/>
229 - <input name="adv1" type="radio" class="star {split:4}"/>
230 - <input name="adv1" type="radio" class="star {split:4}"/>
231 - </td>
232 - </tr>
233 - </table>
234 -
235 - <p>
236 - Use custom selector
237 - </p>
238 - <table cellspacing="5" width="100%">
239 - <tr>
240 - <td valign="top">
241 - <script>$(function(){ // wait for document to load
242 - $('input.wow').rating();
243 -});</script>
244 - <pre class="code"><code class="js">$(function(){ // wait for document to load
245 - $('input.wow').rating();
246 -});</code></pre>
247 - <pre class="code"><code class="html">&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
248 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
249 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
250 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
251 -&lt;input name="adv2" type="radio" class="wow {split:4}" checked="checked"/&gt;
252 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
253 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
254 -&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;</code></pre>
255 - </td>
256 - <td valign="top" width="10">&raquo;</td>
257 - <td valign="top" width="180">
258 - <input name="adv2" type="radio" class="wow {split:4}"/>
259 - <input name="adv2" type="radio" class="wow {split:4}"/>
260 - <input name="adv2" type="radio" class="wow {split:4}"/>
261 - <input name="adv2" type="radio" class="wow {split:4}"/>
262 - <input name="adv2" type="radio" class="wow {split:4}" checked="checked"/>
263 - <input name="adv2" type="radio" class="wow {split:4}"/>
264 - <input name="adv2" type="radio" class="wow {split:4}"/>
265 - <input name="adv2" type="radio" class="wow {split:4}"/>
266 - </td>
267 - </tr>
268 - </table>
269 - </div><!--// tab-Overview //-->
270 -
271 - <div id="tab-Testing">
272 - <h2>Test Suite</h2>
273 -<script type="text/javascript" language="javascript">
274 -$(function(){
275 - $('#form1 :radio.star').rating();
276 - $('#form2 :radio.star').rating({cancel: 'Cancel', cancelValue: '0'});
277 - $('#form3 :radio.star').rating();
278 - $('#form4 :radio.star').rating();
279 -});
280 -</script>
281 -<script>
282 -$(function(){
283 - $('#tab-Testing form').submit(function(){
284 - $('.test',this).html('');
285 - $('input',this).each(function(){
286 - if(this.checked) $('.test',this.form).append(''+this.name+': '+this.value+'<br/>');
287 - });
288 - return false;
289 - });
290 -});
291 -</script>
292 -
293 -<div class="Clear">&nbsp;</div>
294 -<form id="form1">
295 -<strong style='font-size:150%'>Test 1</strong> - A blank form
296 -<table width="100%" cellspacing="10"> <tr>
297 - <td valign="top" width="">
298 - <table width="100%">
299 - <tr>
300 - <td valign="top" width="50%">
301 -<div class="Clear">
302 - Rating 1:
303 - (N/M/Y)
304 - <input class="star" type="radio" name="test-1-rating-1" value="N" title="No"/>
305 - <input class="star" type="radio" name="test-1-rating-1" value="M" title="Maybe"/>
306 - <input class="star" type="radio" name="test-1-rating-1" value="Y" title="Yes"/>
307 - </div>
308 - <br/>
309 - <div class="Clear">
310 - Rating 2:
311 - (10 - 50)
312 - <input class="star" type="radio" name="test-1-rating-2" value="10"/>
313 - <input class="star" type="radio" name="test-1-rating-2" value="20"/>
314 - <input class="star" type="radio" name="test-1-rating-2" value="30"/>
315 - <input class="star" type="radio" name="test-1-rating-2" value="40"/>
316 - <input class="star" type="radio" name="test-1-rating-2" value="50"/>
317 - </div>
318 - <br/>
319 - <div class="Clear">
320 - Rating 3:
321 - (1 - 7)
322 - <input class="star" type="radio" name="test-1-rating-3" value="1"/>
323 - <input class="star" type="radio" name="test-1-rating-3" value="2"/>
324 - <input class="star" type="radio" name="test-1-rating-3" value="3"/>
325 - <input class="star" type="radio" name="test-1-rating-3" value="4"/>
326 - <input class="star" type="radio" name="test-1-rating-3" value="5"/>
327 - <input class="star" type="radio" name="test-1-rating-3" value="6"/>
328 - <input class="star" type="radio" name="test-1-rating-3" value="7"/>
329 - </div>
330 - </td>
331 - <td valign="top" width="50%">
332 - <div class="Clear">
333 - Rating 4:
334 - (1 - 5)
335 - <input class="star" type="radio" name="test-1-rating-4" value="1" title="Worst"/>
336 - <input class="star" type="radio" name="test-1-rating-4" value="2" title="Bad"/>
337 - <input class="star" type="radio" name="test-1-rating-4" value="3" title="OK"/>
338 - <input class="star" type="radio" name="test-1-rating-4" value="4" title="Good"/>
339 - <input class="star" type="radio" name="test-1-rating-4" value="5" title="Best"/>
340 - </div>
341 - <br/>
342 - <div class="Clear">
343 - Rating 5:
344 - (1 - 5)
345 - <input class="star" type="radio" name="test-1-rating-5" value="1"/>
346 - <input class="star" type="radio" name="test-1-rating-5" value="2"/>
347 - <input class="star" type="radio" name="test-1-rating-5" value="3"/>
348 - <input class="star" type="radio" name="test-1-rating-5" value="4"/>
349 - <input class="star" type="radio" name="test-1-rating-5" value="5"/>
350 - </div>
351 - <br/>
352 - <div class="Clear">
353 - Rating 6 (readonly):
354 - (1 - 5)
355 - <input class="star" type="radio" name="test-1-rating-6" value="1" disabled="disabled"/>
356 - <input class="star" type="radio" name="test-1-rating-6" value="2" disabled="disabled"/>
357 - <input class="star" type="radio" name="test-1-rating-6" value="3" disabled="disabled"/>
358 - <input class="star" type="radio" name="test-1-rating-6" value="4" disabled="disabled"/>
359 - <input class="star" type="radio" name="test-1-rating-6" value="5" disabled="disabled"/>
360 - </div>
361 - </td>
362 - </tr>
363 - </table>
364 - </td>
365 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
366 - <input type="submit" value="Submit scores!" /> </td>
367 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
368 - <u>Test results</u>:<br/><br/>
369 - <div class="test Smaller">
370 - <span style="color:#FF0000">Results will be displayed here</span>
371 - </div>
372 - </td>
373 - </tr>
374 -</table>
375 -</form>
376 -
377 -<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
378 -
379 -<form id="form2">
380 -<strong style='font-size:150%'>Test 2</strong> - With defaults ('checked')
381 -<table width="100%" cellspacing="10"> <tr>
382 - <td valign="top" width="">
383 - <table width="100%">
384 - <tr>
385 - <td valign="top" width="50%">
386 - <div class="Clear">
387 - Rating 1:
388 - (N/M/Y, default M)
389 - </div>
390 - <div class="Clear">
391 - <input class="star" type="radio" name="test-2-rating-1" value="N" title="No"/>
392 - <input class="star" type="radio" name="test-2-rating-1" value="M" title="Maybe" checked="checked"/>
393 - <input class="star" type="radio" name="test-2-rating-1" value="Y" title="Yes"/>
394 - </div>
395 - <div class="Clear">
396 - Rating 2:
397 - (10 - 50, default 30)
398 - </div>
399 - <div class="Clear">
400 - <input class="star" type="radio" name="test-2-rating-2" value="10"/>
401 - <input class="star" type="radio" name="test-2-rating-2" value="20"/>
402 - <input class="star" type="radio" name="test-2-rating-2" value="30" checked="checked"/>
403 - <input class="star" type="radio" name="test-2-rating-2" value="40"/>
404 - <input class="star" type="radio" name="test-2-rating-2" value="50"/>
405 - </div>
406 - <div class="Clear">
407 - Rating 3:
408 - (1 - 7, default 4)
409 - </div>
410 - <div class="Clear">
411 - <input class="star" type="radio" name="test-2-rating-3" value="1"/>
412 - <input class="star" type="radio" name="test-2-rating-3" value="2"/>
413 - <input class="star" type="radio" name="test-2-rating-3" value="3"/>
414 - <input class="star" type="radio" name="test-2-rating-3" value="4" checked="checked"/>
415 - <input class="star" type="radio" name="test-2-rating-3" value="5"/>
416 - <input class="star" type="radio" name="test-2-rating-3" value="6"/>
417 - <input class="star" type="radio" name="test-2-rating-3" value="7"/>
418 - </div>
419 - </td>
420 - <td valign="top" width="50%">
421 - <div class="Clear">
422 - Rating 4:
423 - (1 - 5, default 1)
424 - </div>
425 - <div class="Clear">
426 - <input class="star" type="radio" name="test-2-rating-4" value="1" title="Worst" checked="checked"/>
427 - <input class="star" type="radio" name="test-2-rating-4" value="2" title="Bad"/>
428 - <input class="star" type="radio" name="test-2-rating-4" value="3" title="OK"/>
429 - <input class="star" type="radio" name="test-2-rating-4" value="4" title="Good"/>
430 - <input class="star" type="radio" name="test-2-rating-4" value="5" title="Best"/>
431 - </div>
432 - <div class="Clear">
433 - Rating 5:
434 - (1 - 5, default 5)
435 - </div>
436 - <div class="Clear">
437 - <input class="star" type="radio" name="test-2-rating-5" value="1"/>
438 - <input class="star" type="radio" name="test-2-rating-5" value="2"/>
439 - <input class="star" type="radio" name="test-2-rating-5" value="3"/>
440 - <input class="star" type="radio" name="test-2-rating-5" value="4"/>
441 - <input class="star" type="radio" name="test-2-rating-5" value="5" checked="checked"/>
442 - </div>
443 - <div class="Clear">
444 - Rating 6 (readonly):
445 - (1 - 5, default 3)
446 - </div>
447 - <div class="Clear">
448 - <input class="star" type="radio" name="test-2-rating-6" value="1" disabled="disabled"/>
449 - <input class="star" type="radio" name="test-2-rating-6" value="2" disabled="disabled"/>
450 - <input class="star" type="radio" name="test-2-rating-6" value="3" disabled="disabled" checked="checked"/>
451 - <input class="star" type="radio" name="test-2-rating-6" value="4" disabled="disabled"/>
452 - <input class="star" type="radio" name="test-2-rating-6" value="5" disabled="disabled"/>
453 - </div>
454 - </td>
455 - </tr>
456 -</table>
457 - </td>
458 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
459 - <input type="submit" value="Submit scores!" /> </td>
460 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
461 - <u>Test results</u>:<br/><br/>
462 - <div class="test Smaller">
463 - <span style="color:#FF0000">Results will be displayed here</span>
464 - </div>
465 - </td>
466 - </tr>
467 -</table>
468 -</form>
469 -
470 -<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
471 -
472 -<form id="form3A">
473 -<script>
474 -$(function(){
475 - $('.auto-submit-star').rating({
476 - callback: function(value, link){
477 - // 'this' is the hidden form element holding the current value
478 - // 'value' is the value selected
479 - // 'element' points to the link element that received the click.
480 - alert("The value selected was '" + value + "'\n\nWith this callback function I can automatically submit the form with this code:\nthis.form.submit();");
481 -
482 - // To submit the form automatically:
483 - //this.form.submit();
484 -
485 - // To submit the form via ajax:
486 - //$(this.form).ajaxSubmit();
487 - }
488 - });
489 -});
490 -</script>
491 -<strong style='font-size:150%'>Test 3-A</strong> - With callback
492 -<table width="100%" cellspacing="10"> <tr>
493 - <td valign="top" width="">
494 -<div class="Clear">
495 - Rating 1:
496 - (1 - 3, default 2)
497 - <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="1"/>
498 - <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="2" checked="checked"/>
499 - <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="3"/>
500 - </div>
501 - <div class="Clear">
502 - <pre class="code"><code class="js">$('.auto-submit-star').rating({
503 - callback: function(value, link){
504 - alert(value);
505 - }
506 -});</code></pre>
507 - </div>
508 - </td>
509 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
510 - <input type="submit" value="Submit scores!" /> </td>
511 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
512 - <u>Test results</u>:<br/><br/>
513 - <div class="test Smaller">
514 - <span style="color:#FF0000">Results will be displayed here</span>
515 - </div>
516 - </td>
517 - </tr>
518 -</table>
519 -</form>
520 -
521 -<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
522 -
523 -<script>
524 -$(function(){
525 - $('.hover-star').rating({
526 - focus: function(value, link){
527 - // 'this' is the hidden form element holding the current value
528 - // 'value' is the value selected
529 - // 'element' points to the link element that received the click.
530 - var tip = $('#hover-test');
531 - tip[0].data = tip[0].data || tip.html();
532 - tip.html(link.title || 'value: '+value);
533 - },
534 - blur: function(value, link){
535 - var tip = $('#hover-test');
536 - $('#hover-test').html(tip[0].data || '');
537 - }
538 - });
539 -});
540 -</script>
541 -<form id="form3B">
542 -<strong style='font-size:150%'>Test 3-B</strong> - With hover effects
543 -<table width="100%" cellspacing="10"> <tr>
544 - <td valign="top" width="">
545 -<div class="Clear">
546 - Rating 1:
547 - (1 - 3, default 2)
548 - <div>
549 - <input class="hover-star" type="radio" name="test-3B-rating-1" value="1" title="Very poor"/>
550 - <input class="hover-star" type="radio" name="test-3B-rating-1" value="2" title="Poor"/>
551 - <input class="hover-star" type="radio" name="test-3B-rating-1" value="3" title="OK"/>
552 - <input class="hover-star" type="radio" name="test-3B-rating-1" value="4" title="Good"/>
553 - <input class="hover-star" type="radio" name="test-3B-rating-1" value="5" title="Very Good"/>
554 - <span id="hover-test" style="margin:0 0 0 20px;">Hover tips will appear in here</span>
555 - </div>
556 - </div>
557 - <div class="Clear">
558 - <pre class="code"><code class="js">$('.hover-star').rating({
559 - focus: function(value, link){
560 - var tip = $('#hover-test');
561 - tip[0].data = tip[0].data || tip.html();
562 - tip.html(link.title || 'value: '+value);
563 - },
564 - blur: function(value, link){
565 - var tip = $('#hover-test');
566 - $('#hover-test').html(tip[0].data || '');
567 - }
568 -});</code></pre>
569 - </div>
570 - </td>
571 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
572 - <input type="submit" value="Submit scores!" /> </td>
573 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
574 - <u>Test results</u>:<br/><br/>
575 - <div class="test Smaller">
576 - <span style="color:#FF0000">Results will be displayed here</span>
577 - </div>
578 - </td>
579 - </tr>
580 -</table>
581 -</form>
582 -
583 -<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
584 -
585 -<form id="form4">
586 -<strong style='font-size:150%'>Test 4</strong> - <strong>Half Stars</strong> and <strong>Split Stars</strong>
587 -<table width="100%" cellspacing="10"> <tr>
588 - <td valign="top" width="">
589 - <table width="100%">
590 - <tr>
591 - <td width="50%">
592 - <div class="Clear">
593 - Rating 1:
594 - (N/M/Y/?)
595 - <div><small><pre class="code"><code class="html">&lt;input class="star {half:true}"</code></pre></small></div>
596 - <input class="star {half:true}" type="radio" name="test-4-rating-1" value="N" title="No"/>
597 - <input class="star {half:true}" type="radio" name="test-4-rating-1" value="M" title="Maybe"/>
598 - <input class="star {half:true}" type="radio" name="test-4-rating-1" value="Y" title="Yes"/>
599 - <input class="star {half:true}" type="radio" name="test-4-rating-1" value="?" title="Don't Know"/>
600 - </div>
601 - <br/>
602 - <div class="Clear">
603 - Rating 2:
604 - (10 - 60)
605 - <div><small><pre class="code"><code class="html">&lt;input class="star {split:3}"</code></pre></small></div>
606 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="10"/>
607 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="20"/>
608 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="30"/>
609 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="40"/>
610 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="50"/>
611 - <input class="star {split:3}" type="radio" name="test-4-rating-2" value="60"/>
612 - </div>
613 - <br/>
614 - <div class="Clear">
615 - Rating 3:
616 - (0-5.0, default 3.5)
617 - <div><small><pre class="code"><code class="html">&lt;input class="star {split:2}"</code></pre></small></div>
618 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="0.5"/>
619 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="1.0"/>
620 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="1.5"/>
621 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="2.0"/>
622 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="2.5"/>
623 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="3.0"/>
624 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="3.5" checked="checked"/>
625 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="4.0"/>
626 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="4.5"/>
627 - <input class="star {split:2}" type="radio" name="test-4-rating-3" value="5.0"/>
628 - </div>
629 - </td>
630 - <td valign="top" width="50%">
631 - <div class="Clear">
632 - Rating 4:
633 - (1-6, default 5)
634 - <div><small><pre class="code"><code class="html">&lt;input class="star {split:2}"</code></pre></small></div>
635 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="1" title="Worst"/>
636 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="2" title="Bad"/>
637 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="3" title="OK"/>
638 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="4" title="Good"/>
639 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="5" title="Best" checked="checked"/>
640 - <input class="star {split:2}" type="radio" name="test-4-rating-4" value="6" title="Bestest!!!"/>
641 - </div>
642 - <br/>
643 - <div class="Clear">
644 - Rating 5:
645 - (1-20, default 11)
646 - <div><small><pre class="code"><code class="html">&lt;input class="star {split:4}"</code></pre></small></div>
647 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="1"/>
648 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="2"/>
649 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="3"/>
650 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="4"/>
651 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="5"/>
652 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="6"/>
653 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="7"/>
654 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="8"/>
655 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="9"/>
656 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="10"/>
657 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="11" checked="checked"/>
658 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="12"/>
659 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="13"/>
660 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="14"/>
661 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="15"/>
662 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="16"/>
663 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="17"/>
664 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="18"/>
665 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="19"/>
666 - <input class="star {split:4}" type="radio" name="test-4-rating-5" value="20"/>
667 - </div>
668 - <br/>
669 - <div class="Clear">
670 - Rating 6 (readonly):
671 - (1-20, default 13)
672 - <div><small><pre class="code"><code class="html">&lt;input class="star {split:4}"</code></pre></small></div>
673 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="1" disabled="disabled"/>
674 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="2" disabled="disabled"/>
675 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="3" disabled="disabled"/>
676 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="4" disabled="disabled"/>
677 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="5" disabled="disabled"/>
678 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="6" disabled="disabled"/>
679 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="7" disabled="disabled"/>
680 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="8" disabled="disabled"/>
681 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="9" disabled="disabled"/>
682 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="10" disabled="disabled"/>
683 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="11" disabled="disabled"/>
684 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="12" disabled="disabled"/>
685 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="13" disabled="disabled" checked="checked"/>
686 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="14" disabled="disabled"/>
687 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="15" disabled="disabled"/>
688 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="16" disabled="disabled"/>
689 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="17" disabled="disabled"/>
690 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="18" disabled="disabled"/>
691 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="19" disabled="disabled"/>
692 - <input class="star {split:4}" type="radio" name="test-4-rating-6" value="20" disabled="disabled"/>
693 - </div>
694 - </td>
695 - </tr>
696 - </table>
697 - </td>
698 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
699 - <input type="submit" value="Submit scores!" /> </td>
700 - <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
701 - <u>Test results</u>:<br/><br/>
702 - <div class="test Smaller">
703 - <span style="color:#FF0000">Results will be displayed here</span>
704 - </div>
705 - </td>
706 - </tr>
707 -</table>
708 -</form>
709 - </div><!--// tab-Testing //-->
710 -
711 - <div id="tab-API">
712 - <h2>API</h2>
713 - <p class="B Yes">NEW to v3</p>
714 -
715 - <p>API methods can be invoked this this:</p>
716 - <div><pre class="code"><code class="js">$(selector).rating(
717 - 'method', // method name
718 - [] // method arguments (not required)
719 -);</code></pre></div>
720 -
721 - <br/><br/><br/>
722 -
723 - <h3>$().rating('select', index / value)</h3>
724 - <p>
725 - Use this method to set the value (and display) of the star rating control
726 - via javascript. It accepts the index of the star you want to select (0 based)
727 - or its value (which must be passed as a string.
728 - </p>
729 - <p>
730 - Example: (values A/B/C/D/E)
731 - </p>
732 - <form name="api-select">
733 - <input type="radio" class="star" name="api-select-test" value="A"/>
734 - <input type="radio" class="star" name="api-select-test" value="B"/>
735 - <input type="radio" class="star" name="api-select-test" value="C"/>
736 - <input type="radio" class="star" name="api-select-test" value="D"/>
737 - <input type="radio" class="star" name="api-select-test" value="E"/>
738 - <input type="button" value="Submit &raquo;" onClick="
739 - $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
740 - "/>
741 - <span></span>
742 - <br/>
743 - By index:
744 - <input type="button" onClick="javascript:$('input',this.form).rating('select',0)" value="0"/>
745 - <input type="button" onClick="javascript:$('input',this.form).rating('select',1)" value="1"/>
746 - <input type="button" onClick="javascript:$('input',this.form).rating('select',2)" value="2"/>
747 - <input type="button" onClick="javascript:$('input',this.form).rating('select',3)" value="3"/>
748 - <input type="button" onClick="javascript:$('input',this.form).rating('select',4)" value="4"/>
749 - eg.: $('input').rating('select',3)
750 - <br/>
751 - By value:
752 - <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="A"/>
753 - <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="B"/>
754 - <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="C"/>
755 - <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="D"/>
756 - <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="E"/>
757 - eg.: $('input').rating('select','C')
758 - </form>
759 -
760 - <br/><br/><br/>
761 -
762 - <h3>$().rating('readOnly', true / false)</h3>
763 - <p>
764 - Use this method to set the value (and display) of the star rating control
765 - via javascript. It accepts the index of the star you want to select (0 based)
766 - or its value (which must be passed as a string.
767 - </p>
768 - <p>
769 - Example: (values 1,2,3...10)
770 - </p>
771 - <form name="api-readonly">
772 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/>
773 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/>
774 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/>
775 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/>
776 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/>
777 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/>
778 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/>
779 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/>
780 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/>
781 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/>
782 - <input type="button" value="Submit &raquo;" onClick="
783 - $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
784 - "/>
785 - <span></span>
786 - <br/>
787 - <input type="button" onClick="javascript:$('input',this.form).rating('readOnly',true)" value="Set readOnly = true"/>
788 - eg.: $('input').rating('readOnly',true)
789 - <br/>
790 - <input type="button" onClick="javascript:$('input',this.form).rating('readOnly',false)" value="Set readOnly = false"/>
791 - eg.: $('input').rating('readOnly',false) or simply $('input').rating('readOnly');
792 - </form>
793 -
794 - <br/><br/><br/>
795 -
796 - <h3>$().rating('disable') / $().rating('enable')</h3>
797 - <p>
798 - These methods bahve almost exactly as the readOnly method, however
799 - they also control whether or not the select value is submitted with
800 - the form.
801 - </p>
802 - <p>
803 - Example: (values 1,2,3...10)
804 - </p>
805 - <form name="api-readonly">
806 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/>
807 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/>
808 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/>
809 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/>
810 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/>
811 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/>
812 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/>
813 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/>
814 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/>
815 - <input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/>
816 - <input type="button" value="Submit &raquo;" onClick="
817 - $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
818 - "/>
819 - <span></span>
820 - <br/>
821 - <input type="button" onClick="javascript:$('input',this.form).rating('disable')" value="disable"/>
822 - eg.: $('input').rating('disable')
823 - <br/>
824 - <input type="button" onClick="javascript:$('input',this.form).rating('enable')" value="enable"/>
825 - eg.: $('input').rating('enable');
826 - </form>
827 - </div><!--// tab-API //-->
828 -
829 - <div id="tab-Database">
830 - <h2>Database Integration</h2>
831 - <p>
832 - I'm sorry to say that for the time being, <strong>it is up to you</strong>
833 - to create the server-side code that will
834 - process the form submission, store it somewhere (like a database) and do stuff with it -
835 - such as displaying averages and stop users from voting more than once.
836 - </p>
837 - <p>
838 - <strong>However</strong>, here are a few alternatives if you don't feel
839 - like getting down and dirty with some good old coding:
840 - <br>http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/
841 - <br>
842 - <br>and
843 - <br>part 1: http://www.komodomedia.com/blog/2005/08/creating-a-star-rater-using-css/
844 - <br>part 2: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=2
845 - <br>part 3: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=3
846 - <br>part 4: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=9
847 - </p>
848 - </div><!--// tab-Database //-->
849 -
850 - <div id="tab-Background">
851 - <h2>Background Information</h2>
852 - <p>As far as I know, this is how it goes...</p>
853 - <ul type="1">
854 - <li> It all started with <em>Will Stuckey</em>'s <a target="_blank" href="http://www.visualjquery.com/rating/rating_redux.html">jQuery Star Rating Super Interface!</a> </li>
855 - <li> The original then became the inspiration for <em>Ritesh Agrawal</em>'s <a target="_blank" href="http://php.scripts.psu.edu/rja171/widgets/rating.php">Simple Star Rating System</a>,
856 - which allows for a GMail like star/un-star toggle. </li>
857 - <li> This was followed by several spin-offs... (one of which is the <a target="_blank" href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-star rating plugin</a>) </li>
858 - <li> Then someone at <a target="_blank" href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/">PHPLetter.com modified the plugin</a> to overcome the issues - then plugin was now based on standard form elements, meaning
859 - the interface would still work with Javascript disabled making it <em>beautifully downgradable</em>. </li>
860 - <li> Then I came along and noticed a fundamental flaw with the latter: there could only
861 - be one star rating control per page. The rest of the story is what you will see below... </li>
862 - <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (12-Mar-08): Then <strong>Keith Wood</strong> added some very nice functionality to the plugin:
863 - option to disable the cancel button, option to make the plugin readOnly and ability to accept any value (other than whole numbers) </li>
864 - <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (20-Mar-08): Now supports half-star, third-star, quater-star, etc... Not additional code required. No additional images required. </li>
865 - <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (31-Mar-08): Two new events, hover/blur (arguments: [value, linkElement]) </li>
866 - </ul>
867 - </div><!--// tab-Background //-->
868 -
869 - <div id="tab-Download">
870 - <h2>Download</h2>
871 - <p>
872 - This project (and all related files) can also be accessed via its
873 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
874 - </p>
875 - <table cellspacing="5">
876 - <tr>
877 - <td valign="top" align="right">Full Package:</td>
878 - <td valign="top">
879 - <big>
880 - <img src="/@/download.gif" style="margin:0 5px 5px 0; float:left;">
881 - v<strong>3.13</strong>
882 - <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star-rating.zip"><strong>star-rating.zip</strong></a>
883 - </big>
884 - </td>
885 - </tr>
886 - <tr>
887 - <td valign="top" align="right"></td>
888 - <td valign="top">
889 - <div class="Clear" style="margin:0 0 10px 0;" onClick="$('a:eq(0)',this).click()">
890 - <strong class="Yes" style="background:#090; color:#fff; padding:3px;">Stay up-to-date!</strong>
891 - <span style="padding:3px;">
892 - Major updates will be announced on
893 - <a target="_blank" href="http://twitter.com/fyneworks" class="external">Twitter</a>:
894 - <a target="_blank" href="http://twitter.com/fyneworks" class="external">@fyneworks</a>
895 - </span>
896 - </div>
897 - </td>
898 - </tr>
899 - <tr>
900 - <td valign="top" align="right">Core Files:</td>
901 - <td valign="top">
902 - These are the individual required files (<span class="Warning">already included in the zip package above</span>)
903 - <ul>
904 - <li><a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js"><strong>jquery.rating.js</strong></a>
905 - (packed version: <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.pack.js">jquery.rating.pack.js</a>)</li>
906 - <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css"><strong>jQuery.Rating.css</strong></a></li>
907 - <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/delete.gif"><strong>delete.gif</strong></a></li>
908 - <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star.gif"><strong>star.gif</strong></a></li>
909 - </ul>
910 - </td>
911 - </tr>
912 - <tr>
913 - <td valign="top" align="right">jQuery:</td>
914 - <td valign="top">
915 - <a target="_blank" href="http://jquery.com/src/jquery-latest.js">jquery-latest.js</a> (<a target="_blank" href="http://www.jquery.com/">see jQuery.com</a>)
916 - </td>
917 - </tr>
918 - </table>
919 -
920 - <h2>Related Downloads</h2>
921 - <table cellspacing="5">
922 - <tr>
923 - <td valign="top" align="right">Related:</td>
924 - <td valign="top">
925 - <a target="_blank" href="http://plugins.jquery.com/project/metadata/">Metadata plugin</a> - Used to retrieve inline configuration from class variable
926 - <br/>
927 - <a target="_blank" href="http://www.malsup.com/jquery/form/">Form plugin</a> - Used to submit forms via ajax
928 - </td>
929 - </tr>
930 - </table>
931 -
932 - <h2>SVN Repository</h2>
933 - <p>
934 - If you're a major geek or if you really really want to stay up-to-date with
935 - with future updates of this plugin, go ahead and plug yourself to the
936 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">SVN Repository</a>
937 - on the official
938 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
939 - </p>
940 - <table cellspacing="5">
941 - <tr>
942 - <td valign="top" align="right">SVN Checkout:</td>
943 - <td valign="top">
944 - <img src="/@/files/js.gif" style="margin:0 5px 5px 0; float:left;">
945 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/source/checkout"><strong>SVN Checkout Instructions</strong></a>
946 - </td>
947 - </tr>
948 - <tr>
949 - <td valign="top" align="right">Browse Online:</td>
950 - <td valign="top">
951 - <img src="/@/folder.gif" style="margin:0 5px 5px 0; float:left;">
952 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/source/browse/"><strong>Browse Source</strong></a>
953 - </td>
954 - </tr>
955 - </table>
956 -
957 - <h2>Alternative Download - From this website</h2>
958 - <p>
959 - Just in case it's the end of the world and the Google Code site becomes unavailable,
960 - the project files can also be downloaded form this site.
961 - <br/>
962 - However, please note that this site is updated periodically whereas the Google Code
963 - project is kept up-to-date almost instantaneously. If you'd like the very latest
964 - version of this plugin
965 - <strong>you are advised to use the links above and download the files from Google Code</strong>
966 - - this will ensure the files you download have the very latest features and bug fixes.
967 - </p>
968 - <table cellspacing="5">
969 - <tr>
970 - <td valign="top" align="right">Full Package:</td>
971 - <td valign="top">
972 - <img src="/@/download.gif" style="margin:0 5px 5px 0; float:left;">
973 - v<strong>3.13</strong>
974 - <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star-rating.zip"><strong>star-rating.zip</strong></a>
975 - </td>
976 - </tr>
977 - <tr>
978 - <td valign="top" align="right"></td>
979 - <td valign="top">
980 - <div class="Clear" style="margin:0 0 10px 0;" onClick="$('a:eq(0)',this).click()">
981 - <strong class="Yes" style="background:#090; color:#fff; padding:3px;">Stay up-to-date!</strong>
982 - <span style="padding:3px;">
983 - Major updates will be announced on
984 - <a target="_blank" href="http://twitter.com/fyneworks" class="external">Twitter</a>:
985 - <a target="_blank" href="http://twitter.com/fyneworks" class="external">@fyneworks</a>
986 - </span>
987 - </div>
988 - </td>
989 - </tr>
990 - <tr>
991 - <td valign="top" align="right">Core Files:</td>
992 - <td valign="top">
993 - These are the individual required files (<span class="Warning">already included in the zip package above</span>)
994 - <ul>
995 - <li><a target="_blank" href='jquery.rating.js'><strong>jquery.rating.js</strong></a> (packed version: <a href="jquery.rating.pack.js">jquery.rating.pack.js</a>)</li>
996 - <li><a target="_blank" href='jquery.rating.css'><strong>jQuery.Rating.css</strong></a></li>
997 - <li><a target="_blank" href="delete.gif"><strong>delete.gif</strong></a></li>
998 - <li><a target="_blank" href="star.gif"><strong>star.gif</strong></a></li>
999 - </ul>
1000 - </td>
1001 - </tr>
1002 - <tr>
1003 - <td valign="top" align="right">jQuery:</td>
1004 - <td valign="top">
1005 - <a target="_blank" href="http://jquery.com/src/jquery-latest.js">jquery-latest.js</a> (<a target="_blank" href="http://www.jquery.com/">see jQuery.com</a>)
1006 - </td>
1007 - </tr>
1008 - </table>
1009 -
1010 - </div><!--// tab-Download //-->
1011 -
1012 - <div id="tab-Support">
1013 -
1014 - <h2>Support</h2>
1015 - <p>
1016 - Quick Support Links: <a href="http://groups.google.com/group/jquery-en" class="B Yes">Help me!</a>
1017 - | <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">Report a bug</a>
1018 - | <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">Suggest new feature</a>
1019 -<!--//
1020 - OLD: Forget Trac - Let's use Google Code!
1021 - | <a target="_blank" href="http://plugins.jquery.com/node/add/project_issue/MultiFile/bug">Report a bug</a>
1022 - | <a target="_blank" href="http://plugins.jquery.com/node/add/project_issue/MultiFile/feature">Suggest new feature</a>
1023 -//-->
1024 - </p>
1025 - <p>
1026 - Support for this plugin is available through the <a target="_blank" href="http://jquery.com/discuss/" class="external">jQuery Mailing List</a>.
1027 - This is a very active list to which many jQuery developers and users subscribe.
1028 - <br/>
1029 - Access to the jQuery Mailing List is also available through
1030 - <a target="_blank" href="http://www.nabble.com/JQuery-f15494.html" class="external">Nabble Forums</a>
1031 - and the
1032 - <a target="_blank" href="http://groups.google.com/group/jquery-en" class="external">jQuery Google Group</a>.
1033 - </p>
1034 - <p>
1035 - <strong class="Warning">WARNING:</strong>
1036 - Support will not be provided via the <a href="http://plugins.jquery.com/">jQuery Plugins</a>
1037 - website.
1038 - If you need help, please direct your questions to the
1039 - <a target="_blank" href="http://groups.google.com/group/jquery-en" class="external">jQuery Mailing List</a>
1040 - or
1041 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">report an issue</a>
1042 - on the official
1043 - <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
1044 - </p>
1045 -
1046 - <h2>Official Links</h2>
1047 - <ul>
1048 - <li><a target="_blank" href="http://plugins.jquery.com/project/MultipleFriendlyStarRating/" class="external">jQuery Plugin Project Page</a></li>
1049 - <li><a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a></li>
1050 - </ul>
1051 -
1052 - <h2>Credit</h2>
1053 - <ul>
1054 - <li>Diego A. - Author, <a href="http://www.fyneworks.com/">London SEO Consultant</a></li>
1055 - <li><a target="_blank" href="http://keith-wood.name/">Keith Wood</a> - The brain behind v2.1</li>
1056 - <li>Dean Edwards - Author of <a target="_blank" href="http://dean.edwards.name/packer/">JS Packer</a> used to compress the plugin</li>
1057 - <li>Will Stuckey, Ritesh Agrawal and everyone else who worked in the previous versions of the plugin - I'm not so good with research...</li>
1058 - </ul>
1059 - </div><!--// tab-Download //-->
1060 -
1061 -
1062 -
1063 -
1064 -
1065 -
1066 - <!--//
1067 - ####################################
1068 - #
1069 - # * END CONTENT *
1070 - #
1071 - ####################################
1072 - //-->
1073 - <div id="tab-License">
1074 - <h2>Attribute this work</h2>
1075 - <div class="license-info">
1076 - <table cellspacing="5" width="100%">
1077 - <tr>
1078 - <td width="90" align="right">Attribution link:</td>
1079 - <td valign="top">&copy; <a href="http://www.fyneworks.com/">Fyneworks.com</a></td>
1080 - </tr>
1081 - <tr>
1082 - <td width="90" align="right">HTML Code:</td>
1083 - <td valign="top">
1084 - <input type="text" onFocus="this.select();" onClick="this.select()" style="width:100%;"
1085 - value="&amp;copy; &lt;a href=&quot;http://www.fyneworks.com/&quot;&gt;Fyneworks.com&lt;/a&gt;"
1086 - />
1087 - </td>
1088 - </tr>
1089 - </table>
1090 - </div>
1091 - <h2>License Info</h2>
1092 - <div class="license-info">
1093 - <table cellspacing="5" width="100%">
1094 - <tr>
1095 - <td valign="middle">
1096 - <strong>Star Rating Plugin</strong>
1097 - by <a href="http://www.fyneworks.com/">Fyneworks.com</a>
1098 - is licensed under the
1099 - <a target="_blank" href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a> and the
1100 - <a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/">GPL License</a>.
1101 - </td>
1102 - <td width="100"><a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/"><img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png"/></a></td>
1103 - </tr>
1104 - <tr>
1105 - <td colspan="2">
1106 - <pre class="copyright">Copyright &copy; 2008 <a href="http://www.fyneworks.com/">Fyneworks.com</a>
1107 -
1108 - Permission is hereby granted, free of charge, to any person
1109 - obtaining a copy of this software and associated documentation
1110 - files (the "Software"), to deal in the Software without
1111 - restriction, including without limitation the rights to use,
1112 - copy, modify, merge, publish, distribute, sublicense, and/or sell
1113 - copies of the Software, and to permit persons to whom the
1114 - Software is furnished to do so, subject to the following
1115 - conditions:
1116 -
1117 - The above copyright notice and this permission notice shall be
1118 - included in all copies or substantial portions of the Software.
1119 -
1120 - THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
1121 - EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
1122 - OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
1123 - NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
1124 - HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
1125 - WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
1126 - FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
1127 - OTHER DEALINGS IN THE SOFTWARE.</pre>
1128 - </td>
1129 - </tr>
1130 - </table>
1131 - </div><!--// License Info //-->
1132 - </div><!--// tab-License //-->
1133 - </div><!--// documentation //-->
1134 -
1135 - </div><!--// body //-->
1136 - <div id="push"></div>
1137 -</div>
1138 -<div id="foot">
1139 - <!--//<div class="Clear">//-->
1140 - <table width="100%" cellspacing="5">
1141 - <tr>
1142 - <td valign="top">
1143 - <strong>Star Rating Plugin</strong>
1144 - by <a href="http://www.fyneworks.com/">Fyneworks.com</a>
1145 - <br/>
1146 - is licensed under the
1147 - <a target="_blank" href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a> and the
1148 - <a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/">GPL License</a>.
1149 - </td>
1150 - <td valign="top" width="50%" align="right">
1151 - <span style="margin:0 20px 0 0; color:#090;"
1152 - >Tested with jQuery 1.4 on IE6, IE7, IE8, FF, Chrome, Opera and Safari</span>
1153 - <a target="_blank" href="http://jquery.com/"><img src="/jquery/project/jq.png" alt="Powered by jQuery" style="vertical-align:middle;"/></a>
1154 - </td>
1155 - </tr>
1156 - </table>
1157 - <!--//</div>//-->
1158 -</div>
1159 -
1160 - <script src='http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=2147&nc=0&pl=1' type='text/javascript'></script>
1161 - <!--//
1162 - Wibiya clashes with jQuery so I found these articles:
1163 - http://getsatisfaction.com/wibiya/topics/jquery_1_3_conflict
1164 - http://getsatisfaction.com/wibiya/topics/wibiya_not_playing_nice_with_frontpage_slideshow_using_mootools
1165 - //-->
1166 -
1167 - <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><noscript>Google Analytics Script</noscript>
1168 - <script type="text/javascript">try{_uacct = "UA-1942730-1";urchinTracker(); }catch(e){}</script><noscript>Google Analytics</noscript>
1169 -</body>
1170 -</html>
 2+<!DOCTYPE html PUBLIC '-//W3C//DTD XHTML 1.0 Transitional//EN' 'http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd'>
 3+<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 4+<head>
 5+ <title>jQuery Star Rating Plugin v3.13 (2009-03-26)</title>
 6+ <!--// documentation resources //-->
 7+ <script src='jquery.js' type="text/javascript"></script>
 8+ <script src='documentation.js' type="text/javascript"></script>
 9+ <link href='documentation.css' type="text/css" rel="stylesheet"/>
 10+ <!--// code-highlighting //-->
 11+ <script type="text/javaScript" src="/jquery/project/chili/jquery.chili-2.0.js"></script>
 12+ <!--///jquery/project/chili-toolbar/jquery.chili-toolbar.pack.js//-->
 13+ <script type="text/javascript">try{ChiliBook.recipeFolder="/jquery/project/chili/"}catch(e){}</script>
 14+ <!--// plugin-specific resources //-->
 15+ <script src='jquery.MetaData.js' type="text/javascript" language="javascript"></script>
 16+ <script src='jquery.rating.js' type="text/javascript" language="javascript"></script>
 17+ <link href='jquery.rating.css' type="text/css" rel="stylesheet"/>
 18+</head>
 19+<body>
 20+<a name="top"></a>
 21+<div id="wrap">
 22+ <div id="roof">
 23+ <a href="http://www.fyneworks.com/jquery/"><strong>jQuery Plugins</strong></a>:
 24+ <a href="http://www.fyneworks.com/jquery/multiple-file-upload/">Multiple File Upload</a>,
 25+ <a href="http://www.fyneworks.com/jquery/star-rating/">Star Rating</a>,
 26+ <strong>NEW:</strong>
 27+ <a href="http://www.fyneworks.com/jquery/CKEditor/">CKEditor</a>
 28+ (old: <a href="http://www.fyneworks.com/jquery/FCKEditor/">FCKEditor</a>),
 29+ <a href="http://www.fyneworks.com/jquery/Codepress/">Codepress</a>,
 30+ <a href="http://www.fyneworks.com/jquery/xml-to-json/">XML to JSON</a>
 31+ <span style="position:absolute; right:0;">
 32+ <script type="text/javascript">digg_title='jQuery Star Rating Plugin';</script>
 33+ <script type="text/javascript">digg_url='http://www.fyneworks.com/jquery/star-rating/';</script>
 34+ <script type="text/javascript">digg_bgcolor='#e7e7e7';digg_skin='compact';digg_window='new';</script>
 35+ <script src="http://digg.com/tools/diggthis.js" type="text/javascript"></script>
 36+ </span>
 37+ </div>
 38+ <div id="head">
 39+ <table width="100%" cellspacing="5">
 40+ <tr>
 41+ <td valign="middle">
 42+ <h1>jQuery Star Rating Plugin</h1>
 43+ <span style="cursor:help; background:#C00; padding:2px; color:#FFF;" title="Current Version">
 44+ v<strong>3.13</strong>
 45+ </span>
 46+ </td>
 47+ <td valign="middle" width="450" align="right">
 48+ <div id="search" style="display:none">
 49+ <form action="http://www.google.com/cse" id="cse-search-box" target="_blank">
 50+ <label for="q">Find another jQuery plugin:</label>
 51+ <input type="hidden" name="cx" value="partner-pub-9465008056978568:j3ebzr-v1o0" />
 52+ <input type="hidden" name="ie" value="ISO-8859-1" />
 53+ <input type="text" name="q" id="q" size="20" />
 54+ <input type="submit" name="sa" value="Search" />
 55+ </form>
 56+ <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=cse-search-box&amp;lang=en"></script>
 57+ </div>
 58+ <form action="https://www.paypal.com/cgi-bin/webscr" method="post">
 59+ <input type="hidden" name="cmd" value="_s-xclick">
 60+ <input type="hidden" name="hosted_button_id" value="6856904">
 61+ <input type="image" src="https://www.paypal.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online.">
 62+ <img alt="" border="0" src="https://www.paypal.com/en_GB/i/scr/pixel.gif" width="1" height="1">
 63+ </form>
 64+ </td>
 65+ </tr>
 66+ </table>
 67+ </div>
 68+ <div id="body">
 69+
 70+ <div id="ad">
 71+ <!--//
 72+ <div id='vu_ytplayer_vjVQa1PpcFNzWL_xJNUOpZhjtZP7PE8aGHuLQqHHrFI='><a href='http://www.youtube.com/browse'>Watch the latest videos on YouTube.com</a></div>
 73+ <script type='text/javascript' src='http://www.youtube.com/watch_custom_player?id=vjVQa1PpcFNzWL_xJNUOpZhjtZP7PE8aGHuLQqHHrFI='></script>
 74+ //-->
 75+<script type="text/javascript"><!--
 76+google_ad_client = "pub-9465008056978568";
 77+/* 120x600, created 25/11/09 */
 78+google_ad_slot = "4176621808";
 79+google_ad_width = 120;
 80+google_ad_height = 600;
 81+//-->
 82+</script>
 83+<script type="text/javascript"
 84+src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
 85+</script>
 86+ </div>
 87+
 88+ <div id="documentation" class="tabs">
 89+ <ul class="Clear">
 90+ <li><a href="#tab-Overview" id="btn-Overview">Intro</a></li>
 91+ <li><a href="#tab-Testing" id="btn-Testing">Demos</a></li>
 92+ <li><a href="#tab-API" id="btn-API">API</a></li>
 93+ <li><a href="#tab-Database" id="btn-Database">Database Integration</a></li>
 94+ <li><a href="#tab-Background" id="btn-Background">Background</a></li>
 95+ <li><a href="#tab-Download" id="btn-Download">Download</a></li>
 96+ <li><a href="#tab-Support" id="btn-Support">Support</a></li>
 97+ <li><a href="#tab-License" id="btn-License">License</a></li>
 98+ </ul><!--// tabs //-->
 99+ <!--//
 100+ ####################################
 101+ #
 102+ # * START CONTENT *
 103+ #
 104+ ####################################
 105+ //-->
 106+
 107+
 108+
 109+
 110+
 111+ <div id="tab-Overview">
 112+ <h2>What is this?</h2>
 113+ <p>
 114+ The <strong>Star Rating Plugin</strong> is a plugin
 115+ for the jQuery Javascript library that creates a non-obstrusive
 116+ star rating control based on a set of radio input boxes.
 117+ </p>
 118+
 119+ <h2>What does it do?</h2>
 120+ <ul>
 121+ <li>
 122+ It turns a collection of radio boxes into a neat star-rating control.
 123+ </li>
 124+ <li>
 125+ It creates the interface based on standard form elements, which means the
 126+ basic functionality will still be available even if Javascript is disabled.
 127+ </li>
 128+ <li>
 129+ <strong style="color: rgb(0, 153, 0);">NEW</strong> (12-Mar-08):
 130+ In read only mode (using the 'readOnly' option or <code>disabled</code> property), the plugin is a neat way of
 131+ displaying star-like values without any additional code
 132+ </li>
 133+ </ul>
 134+
 135+ <h2>How do I use it?</h2>
 136+ <p>
 137+ Just add the <code><strong>star</strong></code> class to your radio boxes
 138+ </p>
 139+ <table cellspacing="5" width="100%">
 140+ <tr>
 141+ <td valign="top">
 142+ <pre class="code"><code class="html">&lt;input name="star1" type="radio" class="star"/&gt;
 143+&lt;input name="star1" type="radio" class="star"/&gt;
 144+&lt;input name="star1" type="radio" class="star"/&gt;
 145+&lt;input name="star1" type="radio" class="star"/&gt;
 146+&lt;input name="star1" type="radio" class="star"/&gt;</code></pre>
 147+ </td>
 148+ <td valign="top" width="10">&raquo;</td>
 149+ <td valign="top" width="180">
 150+ <input name="star1" type="radio" class="star"/>
 151+ <input name="star1" type="radio" class="star"/>
 152+ <input name="star1" type="radio" class="star"/>
 153+ <input name="star1" type="radio" class="star"/>
 154+ <input name="star1" type="radio" class="star"/>
 155+ </td>
 156+ </tr>
 157+ </table>
 158+
 159+ <p>
 160+ Use the <code><strong>checked</strong></code> property to specify the initial/default value of the control
 161+ </p>
 162+ <table cellspacing="5" width="100%">
 163+ <tr>
 164+ <td valign="top">
 165+ <pre class="code"><code class="html">&lt;input name="star2" type="radio" class="star"/&gt;
 166+&lt;input name="star2" type="radio" class="star"/&gt;
 167+&lt;input name="star2" type="radio" class="star" checked="checked"/&gt;
 168+&lt;input name="star2" type="radio" class="star"/&gt;
 169+&lt;input name="star2" type="radio" class="star"/&gt;</code></pre>
 170+ </td>
 171+ <td valign="top" width="10">&raquo;</td>
 172+ <td valign="top" width="180">
 173+ <input name="star2" type="radio" class="star"/>
 174+ <input name="star2" type="radio" class="star"/>
 175+ <input name="star2" type="radio" class="star" checked="checked"/>
 176+ <input name="star2" type="radio" class="star"/>
 177+ <input name="star2" type="radio" class="star"/>
 178+ </td>
 179+ </tr>
 180+ </table>
 181+
 182+ <p>
 183+ Use the <code><strong>disabled</strong></code> property to use a control for display purposes only
 184+ </p>
 185+ <table cellspacing="5" width="100%">
 186+ <tr>
 187+ <td valign="top">
 188+ <pre class="code"><code class="html">&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
 189+&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
 190+&lt;input name="star3" type="radio" class="star" disabled="disabled" checked="checked"/&gt;
 191+&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;
 192+&lt;input name="star3" type="radio" class="star" disabled="disabled"/&gt;</code></pre>
 193+ </td>
 194+ <td valign="top" width="10">&raquo;</td>
 195+ <td valign="top" width="180">
 196+ <input name="star3" type="radio" class="star" disabled="disabled"/>
 197+ <input name="star3" type="radio" class="star" disabled="disabled"/>
 198+ <input name="star3" type="radio" class="star" disabled="disabled" checked="checked"/>
 199+ <input name="star3" type="radio" class="star" disabled="disabled"/>
 200+ <input name="star3" type="radio" class="star" disabled="disabled"/>
 201+ </td>
 202+ </tr>
 203+ </table>
 204+
 205+ <h2>What about split stars and 'half ratings'???</h2>
 206+ <p>
 207+ Use metadata plugin to pass advanced settings to the plugin via the class property.
 208+ </p>
 209+ <table cellspacing="5" width="100%">
 210+ <tr>
 211+ <td valign="top">
 212+ <pre class="code"><code class="html">&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 213+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 214+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 215+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 216+&lt;input name="adv1" type="radio" class="star {split:4}" checked="checked"/&gt;
 217+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 218+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;
 219+&lt;input name="adv1" type="radio" class="star {split:4}"/&gt;</code></pre>
 220+ </td>
 221+ <td valign="top" width="10">&raquo;</td>
 222+ <td valign="top" width="180">
 223+ <input name="adv1" type="radio" class="star {split:4}"/>
 224+ <input name="adv1" type="radio" class="star {split:4}"/>
 225+ <input name="adv1" type="radio" class="star {split:4}"/>
 226+ <input name="adv1" type="radio" class="star {split:4}"/>
 227+ <input name="adv1" type="radio" class="star {split:4}" checked="checked"/>
 228+ <input name="adv1" type="radio" class="star {split:4}"/>
 229+ <input name="adv1" type="radio" class="star {split:4}"/>
 230+ <input name="adv1" type="radio" class="star {split:4}"/>
 231+ </td>
 232+ </tr>
 233+ </table>
 234+
 235+ <p>
 236+ Use custom selector
 237+ </p>
 238+ <table cellspacing="5" width="100%">
 239+ <tr>
 240+ <td valign="top">
 241+ <script>$(function(){ // wait for document to load
 242+ $('input.wow').rating();
 243+});</script>
 244+ <pre class="code"><code class="js">$(function(){ // wait for document to load
 245+ $('input.wow').rating();
 246+});</code></pre>
 247+ <pre class="code"><code class="html">&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 248+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 249+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 250+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 251+&lt;input name="adv2" type="radio" class="wow {split:4}" checked="checked"/&gt;
 252+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 253+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;
 254+&lt;input name="adv2" type="radio" class="wow {split:4}"/&gt;</code></pre>
 255+ </td>
 256+ <td valign="top" width="10">&raquo;</td>
 257+ <td valign="top" width="180">
 258+ <input name="adv2" type="radio" class="wow {split:4}"/>
 259+ <input name="adv2" type="radio" class="wow {split:4}"/>
 260+ <input name="adv2" type="radio" class="wow {split:4}"/>
 261+ <input name="adv2" type="radio" class="wow {split:4}"/>
 262+ <input name="adv2" type="radio" class="wow {split:4}" checked="checked"/>
 263+ <input name="adv2" type="radio" class="wow {split:4}"/>
 264+ <input name="adv2" type="radio" class="wow {split:4}"/>
 265+ <input name="adv2" type="radio" class="wow {split:4}"/>
 266+ </td>
 267+ </tr>
 268+ </table>
 269+ </div><!--// tab-Overview //-->
 270+
 271+ <div id="tab-Testing">
 272+ <h2>Test Suite</h2>
 273+<script type="text/javascript" language="javascript">
 274+$(function(){
 275+ $('#form1 :radio.star').rating();
 276+ $('#form2 :radio.star').rating({cancel: 'Cancel', cancelValue: '0'});
 277+ $('#form3 :radio.star').rating();
 278+ $('#form4 :radio.star').rating();
 279+});
 280+</script>
 281+<script>
 282+$(function(){
 283+ $('#tab-Testing form').submit(function(){
 284+ $('.test',this).html('');
 285+ $('input',this).each(function(){
 286+ if(this.checked) $('.test',this.form).append(''+this.name+': '+this.value+'<br/>');
 287+ });
 288+ return false;
 289+ });
 290+});
 291+</script>
 292+
 293+<div class="Clear">&nbsp;</div>
 294+<form id="form1">
 295+<strong style='font-size:150%'>Test 1</strong> - A blank form
 296+<table width="100%" cellspacing="10"> <tr>
 297+ <td valign="top" width="">
 298+ <table width="100%">
 299+ <tr>
 300+ <td valign="top" width="50%">
 301+<div class="Clear">
 302+ Rating 1:
 303+ (N/M/Y)
 304+ <input class="star" type="radio" name="test-1-rating-1" value="N" title="No"/>
 305+ <input class="star" type="radio" name="test-1-rating-1" value="M" title="Maybe"/>
 306+ <input class="star" type="radio" name="test-1-rating-1" value="Y" title="Yes"/>
 307+ </div>
 308+ <br/>
 309+ <div class="Clear">
 310+ Rating 2:
 311+ (10 - 50)
 312+ <input class="star" type="radio" name="test-1-rating-2" value="10"/>
 313+ <input class="star" type="radio" name="test-1-rating-2" value="20"/>
 314+ <input class="star" type="radio" name="test-1-rating-2" value="30"/>
 315+ <input class="star" type="radio" name="test-1-rating-2" value="40"/>
 316+ <input class="star" type="radio" name="test-1-rating-2" value="50"/>
 317+ </div>
 318+ <br/>
 319+ <div class="Clear">
 320+ Rating 3:
 321+ (1 - 7)
 322+ <input class="star" type="radio" name="test-1-rating-3" value="1"/>
 323+ <input class="star" type="radio" name="test-1-rating-3" value="2"/>
 324+ <input class="star" type="radio" name="test-1-rating-3" value="3"/>
 325+ <input class="star" type="radio" name="test-1-rating-3" value="4"/>
 326+ <input class="star" type="radio" name="test-1-rating-3" value="5"/>
 327+ <input class="star" type="radio" name="test-1-rating-3" value="6"/>
 328+ <input class="star" type="radio" name="test-1-rating-3" value="7"/>
 329+ </div>
 330+ </td>
 331+ <td valign="top" width="50%">
 332+ <div class="Clear">
 333+ Rating 4:
 334+ (1 - 5)
 335+ <input class="star" type="radio" name="test-1-rating-4" value="1" title="Worst"/>
 336+ <input class="star" type="radio" name="test-1-rating-4" value="2" title="Bad"/>
 337+ <input class="star" type="radio" name="test-1-rating-4" value="3" title="OK"/>
 338+ <input class="star" type="radio" name="test-1-rating-4" value="4" title="Good"/>
 339+ <input class="star" type="radio" name="test-1-rating-4" value="5" title="Best"/>
 340+ </div>
 341+ <br/>
 342+ <div class="Clear">
 343+ Rating 5:
 344+ (1 - 5)
 345+ <input class="star" type="radio" name="test-1-rating-5" value="1"/>
 346+ <input class="star" type="radio" name="test-1-rating-5" value="2"/>
 347+ <input class="star" type="radio" name="test-1-rating-5" value="3"/>
 348+ <input class="star" type="radio" name="test-1-rating-5" value="4"/>
 349+ <input class="star" type="radio" name="test-1-rating-5" value="5"/>
 350+ </div>
 351+ <br/>
 352+ <div class="Clear">
 353+ Rating 6 (readonly):
 354+ (1 - 5)
 355+ <input class="star" type="radio" name="test-1-rating-6" value="1" disabled="disabled"/>
 356+ <input class="star" type="radio" name="test-1-rating-6" value="2" disabled="disabled"/>
 357+ <input class="star" type="radio" name="test-1-rating-6" value="3" disabled="disabled"/>
 358+ <input class="star" type="radio" name="test-1-rating-6" value="4" disabled="disabled"/>
 359+ <input class="star" type="radio" name="test-1-rating-6" value="5" disabled="disabled"/>
 360+ </div>
 361+ </td>
 362+ </tr>
 363+ </table>
 364+ </td>
 365+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
 366+ <input type="submit" value="Submit scores!" /> </td>
 367+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
 368+ <u>Test results</u>:<br/><br/>
 369+ <div class="test Smaller">
 370+ <span style="color:#FF0000">Results will be displayed here</span>
 371+ </div>
 372+ </td>
 373+ </tr>
 374+</table>
 375+</form>
 376+
 377+<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
 378+
 379+<form id="form2">
 380+<strong style='font-size:150%'>Test 2</strong> - With defaults ('checked')
 381+<table width="100%" cellspacing="10"> <tr>
 382+ <td valign="top" width="">
 383+ <table width="100%">
 384+ <tr>
 385+ <td valign="top" width="50%">
 386+ <div class="Clear">
 387+ Rating 1:
 388+ (N/M/Y, default M)
 389+ </div>
 390+ <div class="Clear">
 391+ <input class="star" type="radio" name="test-2-rating-1" value="N" title="No"/>
 392+ <input class="star" type="radio" name="test-2-rating-1" value="M" title="Maybe" checked="checked"/>
 393+ <input class="star" type="radio" name="test-2-rating-1" value="Y" title="Yes"/>
 394+ </div>
 395+ <div class="Clear">
 396+ Rating 2:
 397+ (10 - 50, default 30)
 398+ </div>
 399+ <div class="Clear">
 400+ <input class="star" type="radio" name="test-2-rating-2" value="10"/>
 401+ <input class="star" type="radio" name="test-2-rating-2" value="20"/>
 402+ <input class="star" type="radio" name="test-2-rating-2" value="30" checked="checked"/>
 403+ <input class="star" type="radio" name="test-2-rating-2" value="40"/>
 404+ <input class="star" type="radio" name="test-2-rating-2" value="50"/>
 405+ </div>
 406+ <div class="Clear">
 407+ Rating 3:
 408+ (1 - 7, default 4)
 409+ </div>
 410+ <div class="Clear">
 411+ <input class="star" type="radio" name="test-2-rating-3" value="1"/>
 412+ <input class="star" type="radio" name="test-2-rating-3" value="2"/>
 413+ <input class="star" type="radio" name="test-2-rating-3" value="3"/>
 414+ <input class="star" type="radio" name="test-2-rating-3" value="4" checked="checked"/>
 415+ <input class="star" type="radio" name="test-2-rating-3" value="5"/>
 416+ <input class="star" type="radio" name="test-2-rating-3" value="6"/>
 417+ <input class="star" type="radio" name="test-2-rating-3" value="7"/>
 418+ </div>
 419+ </td>
 420+ <td valign="top" width="50%">
 421+ <div class="Clear">
 422+ Rating 4:
 423+ (1 - 5, default 1)
 424+ </div>
 425+ <div class="Clear">
 426+ <input class="star" type="radio" name="test-2-rating-4" value="1" title="Worst" checked="checked"/>
 427+ <input class="star" type="radio" name="test-2-rating-4" value="2" title="Bad"/>
 428+ <input class="star" type="radio" name="test-2-rating-4" value="3" title="OK"/>
 429+ <input class="star" type="radio" name="test-2-rating-4" value="4" title="Good"/>
 430+ <input class="star" type="radio" name="test-2-rating-4" value="5" title="Best"/>
 431+ </div>
 432+ <div class="Clear">
 433+ Rating 5:
 434+ (1 - 5, default 5)
 435+ </div>
 436+ <div class="Clear">
 437+ <input class="star" type="radio" name="test-2-rating-5" value="1"/>
 438+ <input class="star" type="radio" name="test-2-rating-5" value="2"/>
 439+ <input class="star" type="radio" name="test-2-rating-5" value="3"/>
 440+ <input class="star" type="radio" name="test-2-rating-5" value="4"/>
 441+ <input class="star" type="radio" name="test-2-rating-5" value="5" checked="checked"/>
 442+ </div>
 443+ <div class="Clear">
 444+ Rating 6 (readonly):
 445+ (1 - 5, default 3)
 446+ </div>
 447+ <div class="Clear">
 448+ <input class="star" type="radio" name="test-2-rating-6" value="1" disabled="disabled"/>
 449+ <input class="star" type="radio" name="test-2-rating-6" value="2" disabled="disabled"/>
 450+ <input class="star" type="radio" name="test-2-rating-6" value="3" disabled="disabled" checked="checked"/>
 451+ <input class="star" type="radio" name="test-2-rating-6" value="4" disabled="disabled"/>
 452+ <input class="star" type="radio" name="test-2-rating-6" value="5" disabled="disabled"/>
 453+ </div>
 454+ </td>
 455+ </tr>
 456+</table>
 457+ </td>
 458+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
 459+ <input type="submit" value="Submit scores!" /> </td>
 460+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
 461+ <u>Test results</u>:<br/><br/>
 462+ <div class="test Smaller">
 463+ <span style="color:#FF0000">Results will be displayed here</span>
 464+ </div>
 465+ </td>
 466+ </tr>
 467+</table>
 468+</form>
 469+
 470+<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
 471+
 472+<form id="form3A">
 473+<script>
 474+$(function(){
 475+ $('.auto-submit-star').rating({
 476+ callback: function(value, link){
 477+ // 'this' is the hidden form element holding the current value
 478+ // 'value' is the value selected
 479+ // 'element' points to the link element that received the click.
 480+ alert("The value selected was '" + value + "'\n\nWith this callback function I can automatically submit the form with this code:\nthis.form.submit();");
 481+
 482+ // To submit the form automatically:
 483+ //this.form.submit();
 484+
 485+ // To submit the form via ajax:
 486+ //$(this.form).ajaxSubmit();
 487+ }
 488+ });
 489+});
 490+</script>
 491+<strong style='font-size:150%'>Test 3-A</strong> - With callback
 492+<table width="100%" cellspacing="10"> <tr>
 493+ <td valign="top" width="">
 494+<div class="Clear">
 495+ Rating 1:
 496+ (1 - 3, default 2)
 497+ <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="1"/>
 498+ <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="2" checked="checked"/>
 499+ <input class="auto-submit-star" type="radio" name="test-3A-rating-1" value="3"/>
 500+ </div>
 501+ <div class="Clear">
 502+ <pre class="code"><code class="js">$('.auto-submit-star').rating({
 503+ callback: function(value, link){
 504+ alert(value);
 505+ }
 506+});</code></pre>
 507+ </div>
 508+ </td>
 509+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
 510+ <input type="submit" value="Submit scores!" /> </td>
 511+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
 512+ <u>Test results</u>:<br/><br/>
 513+ <div class="test Smaller">
 514+ <span style="color:#FF0000">Results will be displayed here</span>
 515+ </div>
 516+ </td>
 517+ </tr>
 518+</table>
 519+</form>
 520+
 521+<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
 522+
 523+<script>
 524+$(function(){
 525+ $('.hover-star').rating({
 526+ focus: function(value, link){
 527+ // 'this' is the hidden form element holding the current value
 528+ // 'value' is the value selected
 529+ // 'element' points to the link element that received the click.
 530+ var tip = $('#hover-test');
 531+ tip[0].data = tip[0].data || tip.html();
 532+ tip.html(link.title || 'value: '+value);
 533+ },
 534+ blur: function(value, link){
 535+ var tip = $('#hover-test');
 536+ $('#hover-test').html(tip[0].data || '');
 537+ }
 538+ });
 539+});
 540+</script>
 541+<form id="form3B">
 542+<strong style='font-size:150%'>Test 3-B</strong> - With hover effects
 543+<table width="100%" cellspacing="10"> <tr>
 544+ <td valign="top" width="">
 545+<div class="Clear">
 546+ Rating 1:
 547+ (1 - 3, default 2)
 548+ <div>
 549+ <input class="hover-star" type="radio" name="test-3B-rating-1" value="1" title="Very poor"/>
 550+ <input class="hover-star" type="radio" name="test-3B-rating-1" value="2" title="Poor"/>
 551+ <input class="hover-star" type="radio" name="test-3B-rating-1" value="3" title="OK"/>
 552+ <input class="hover-star" type="radio" name="test-3B-rating-1" value="4" title="Good"/>
 553+ <input class="hover-star" type="radio" name="test-3B-rating-1" value="5" title="Very Good"/>
 554+ <span id="hover-test" style="margin:0 0 0 20px;">Hover tips will appear in here</span>
 555+ </div>
 556+ </div>
 557+ <div class="Clear">
 558+ <pre class="code"><code class="js">$('.hover-star').rating({
 559+ focus: function(value, link){
 560+ var tip = $('#hover-test');
 561+ tip[0].data = tip[0].data || tip.html();
 562+ tip.html(link.title || 'value: '+value);
 563+ },
 564+ blur: function(value, link){
 565+ var tip = $('#hover-test');
 566+ $('#hover-test').html(tip[0].data || '');
 567+ }
 568+});</code></pre>
 569+ </div>
 570+ </td>
 571+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
 572+ <input type="submit" value="Submit scores!" /> </td>
 573+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
 574+ <u>Test results</u>:<br/><br/>
 575+ <div class="test Smaller">
 576+ <span style="color:#FF0000">Results will be displayed here</span>
 577+ </div>
 578+ </td>
 579+ </tr>
 580+</table>
 581+</form>
 582+
 583+<div class="Clear">&nbsp;</div><div class="Clear">&nbsp;</div>
 584+
 585+<form id="form4">
 586+<strong style='font-size:150%'>Test 4</strong> - <strong>Half Stars</strong> and <strong>Split Stars</strong>
 587+<table width="100%" cellspacing="10"> <tr>
 588+ <td valign="top" width="">
 589+ <table width="100%">
 590+ <tr>
 591+ <td width="50%">
 592+ <div class="Clear">
 593+ Rating 1:
 594+ (N/M/Y/?)
 595+ <div><small><pre class="code"><code class="html">&lt;input class="star {half:true}"</code></pre></small></div>
 596+ <input class="star {half:true}" type="radio" name="test-4-rating-1" value="N" title="No"/>
 597+ <input class="star {half:true}" type="radio" name="test-4-rating-1" value="M" title="Maybe"/>
 598+ <input class="star {half:true}" type="radio" name="test-4-rating-1" value="Y" title="Yes"/>
 599+ <input class="star {half:true}" type="radio" name="test-4-rating-1" value="?" title="Don't Know"/>
 600+ </div>
 601+ <br/>
 602+ <div class="Clear">
 603+ Rating 2:
 604+ (10 - 60)
 605+ <div><small><pre class="code"><code class="html">&lt;input class="star {split:3}"</code></pre></small></div>
 606+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="10"/>
 607+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="20"/>
 608+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="30"/>
 609+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="40"/>
 610+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="50"/>
 611+ <input class="star {split:3}" type="radio" name="test-4-rating-2" value="60"/>
 612+ </div>
 613+ <br/>
 614+ <div class="Clear">
 615+ Rating 3:
 616+ (0-5.0, default 3.5)
 617+ <div><small><pre class="code"><code class="html">&lt;input class="star {split:2}"</code></pre></small></div>
 618+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="0.5"/>
 619+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="1.0"/>
 620+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="1.5"/>
 621+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="2.0"/>
 622+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="2.5"/>
 623+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="3.0"/>
 624+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="3.5" checked="checked"/>
 625+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="4.0"/>
 626+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="4.5"/>
 627+ <input class="star {split:2}" type="radio" name="test-4-rating-3" value="5.0"/>
 628+ </div>
 629+ </td>
 630+ <td valign="top" width="50%">
 631+ <div class="Clear">
 632+ Rating 4:
 633+ (1-6, default 5)
 634+ <div><small><pre class="code"><code class="html">&lt;input class="star {split:2}"</code></pre></small></div>
 635+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="1" title="Worst"/>
 636+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="2" title="Bad"/>
 637+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="3" title="OK"/>
 638+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="4" title="Good"/>
 639+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="5" title="Best" checked="checked"/>
 640+ <input class="star {split:2}" type="radio" name="test-4-rating-4" value="6" title="Bestest!!!"/>
 641+ </div>
 642+ <br/>
 643+ <div class="Clear">
 644+ Rating 5:
 645+ (1-20, default 11)
 646+ <div><small><pre class="code"><code class="html">&lt;input class="star {split:4}"</code></pre></small></div>
 647+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="1"/>
 648+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="2"/>
 649+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="3"/>
 650+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="4"/>
 651+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="5"/>
 652+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="6"/>
 653+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="7"/>
 654+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="8"/>
 655+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="9"/>
 656+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="10"/>
 657+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="11" checked="checked"/>
 658+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="12"/>
 659+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="13"/>
 660+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="14"/>
 661+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="15"/>
 662+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="16"/>
 663+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="17"/>
 664+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="18"/>
 665+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="19"/>
 666+ <input class="star {split:4}" type="radio" name="test-4-rating-5" value="20"/>
 667+ </div>
 668+ <br/>
 669+ <div class="Clear">
 670+ Rating 6 (readonly):
 671+ (1-20, default 13)
 672+ <div><small><pre class="code"><code class="html">&lt;input class="star {split:4}"</code></pre></small></div>
 673+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="1" disabled="disabled"/>
 674+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="2" disabled="disabled"/>
 675+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="3" disabled="disabled"/>
 676+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="4" disabled="disabled"/>
 677+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="5" disabled="disabled"/>
 678+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="6" disabled="disabled"/>
 679+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="7" disabled="disabled"/>
 680+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="8" disabled="disabled"/>
 681+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="9" disabled="disabled"/>
 682+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="10" disabled="disabled"/>
 683+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="11" disabled="disabled"/>
 684+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="12" disabled="disabled"/>
 685+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="13" disabled="disabled" checked="checked"/>
 686+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="14" disabled="disabled"/>
 687+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="15" disabled="disabled"/>
 688+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="16" disabled="disabled"/>
 689+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="17" disabled="disabled"/>
 690+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="18" disabled="disabled"/>
 691+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="19" disabled="disabled"/>
 692+ <input class="star {split:4}" type="radio" name="test-4-rating-6" value="20" disabled="disabled"/>
 693+ </div>
 694+ </td>
 695+ </tr>
 696+ </table>
 697+ </td>
 698+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="50">
 699+ <input type="submit" value="Submit scores!" /> </td>
 700+ <td valign="top" width="5">&nbsp;</td> <td valign="top" width="160">
 701+ <u>Test results</u>:<br/><br/>
 702+ <div class="test Smaller">
 703+ <span style="color:#FF0000">Results will be displayed here</span>
 704+ </div>
 705+ </td>
 706+ </tr>
 707+</table>
 708+</form>
 709+ </div><!--// tab-Testing //-->
 710+
 711+ <div id="tab-API">
 712+ <h2>API</h2>
 713+ <p class="B Yes">NEW to v3</p>
 714+
 715+ <p>API methods can be invoked this this:</p>
 716+ <div><pre class="code"><code class="js">$(selector).rating(
 717+ 'method', // method name
 718+ [] // method arguments (not required)
 719+);</code></pre></div>
 720+
 721+ <br/><br/><br/>
 722+
 723+ <h3>$().rating('select', index / value)</h3>
 724+ <p>
 725+ Use this method to set the value (and display) of the star rating control
 726+ via javascript. It accepts the index of the star you want to select (0 based)
 727+ or its value (which must be passed as a string.
 728+ </p>
 729+ <p>
 730+ Example: (values A/B/C/D/E)
 731+ </p>
 732+ <form name="api-select">
 733+ <input type="radio" class="star" name="api-select-test" value="A"/>
 734+ <input type="radio" class="star" name="api-select-test" value="B"/>
 735+ <input type="radio" class="star" name="api-select-test" value="C"/>
 736+ <input type="radio" class="star" name="api-select-test" value="D"/>
 737+ <input type="radio" class="star" name="api-select-test" value="E"/>
 738+ <input type="button" value="Submit &raquo;" onClick="
 739+ $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
 740+ "/>
 741+ <span></span>
 742+ <br/>
 743+ By index:
 744+ <input type="button" onClick="javascript:$('input',this.form).rating('select',0)" value="0"/>
 745+ <input type="button" onClick="javascript:$('input',this.form).rating('select',1)" value="1"/>
 746+ <input type="button" onClick="javascript:$('input',this.form).rating('select',2)" value="2"/>
 747+ <input type="button" onClick="javascript:$('input',this.form).rating('select',3)" value="3"/>
 748+ <input type="button" onClick="javascript:$('input',this.form).rating('select',4)" value="4"/>
 749+ eg.: $('input').rating('select',3)
 750+ <br/>
 751+ By value:
 752+ <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="A"/>
 753+ <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="B"/>
 754+ <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="C"/>
 755+ <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="D"/>
 756+ <input type="button" onClick="javascript:$('input',this.form).rating('select',this.value)" value="E"/>
 757+ eg.: $('input').rating('select','C')
 758+ </form>
 759+
 760+ <br/><br/><br/>
 761+
 762+ <h3>$().rating('readOnly', true / false)</h3>
 763+ <p>
 764+ Use this method to set the value (and display) of the star rating control
 765+ via javascript. It accepts the index of the star you want to select (0 based)
 766+ or its value (which must be passed as a string.
 767+ </p>
 768+ <p>
 769+ Example: (values 1,2,3...10)
 770+ </p>
 771+ <form name="api-readonly">
 772+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/>
 773+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/>
 774+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/>
 775+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/>
 776+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/>
 777+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/>
 778+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/>
 779+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/>
 780+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/>
 781+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/>
 782+ <input type="button" value="Submit &raquo;" onClick="
 783+ $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
 784+ "/>
 785+ <span></span>
 786+ <br/>
 787+ <input type="button" onClick="javascript:$('input',this.form).rating('readOnly',true)" value="Set readOnly = true"/>
 788+ eg.: $('input').rating('readOnly',true)
 789+ <br/>
 790+ <input type="button" onClick="javascript:$('input',this.form).rating('readOnly',false)" value="Set readOnly = false"/>
 791+ eg.: $('input').rating('readOnly',false) or simply $('input').rating('readOnly');
 792+ </form>
 793+
 794+ <br/><br/><br/>
 795+
 796+ <h3>$().rating('disable') / $().rating('enable')</h3>
 797+ <p>
 798+ These methods bahve almost exactly as the readOnly method, however
 799+ they also control whether or not the select value is submitted with
 800+ the form.
 801+ </p>
 802+ <p>
 803+ Example: (values 1,2,3...10)
 804+ </p>
 805+ <form name="api-readonly">
 806+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/>
 807+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/>
 808+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/>
 809+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/>
 810+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/>
 811+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/>
 812+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/>
 813+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/>
 814+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/>
 815+ <input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/>
 816+ <input type="button" value="Submit &raquo;" onClick="
 817+ $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
 818+ "/>
 819+ <span></span>
 820+ <br/>
 821+ <input type="button" onClick="javascript:$('input',this.form).rating('disable')" value="disable"/>
 822+ eg.: $('input').rating('disable')
 823+ <br/>
 824+ <input type="button" onClick="javascript:$('input',this.form).rating('enable')" value="enable"/>
 825+ eg.: $('input').rating('enable');
 826+ </form>
 827+ </div><!--// tab-API //-->
 828+
 829+ <div id="tab-Database">
 830+ <h2>Database Integration</h2>
 831+ <p>
 832+ I'm sorry to say that for the time being, <strong>it is up to you</strong>
 833+ to create the server-side code that will
 834+ process the form submission, store it somewhere (like a database) and do stuff with it -
 835+ such as displaying averages and stop users from voting more than once.
 836+ </p>
 837+ <p>
 838+ <strong>However</strong>, here are a few alternatives if you don't feel
 839+ like getting down and dirty with some good old coding:
 840+ <br>http://www.yvoschaap.com/index.php/weblog/css_star_rater_ajax_version/
 841+ <br>
 842+ <br>and
 843+ <br>part 1: http://www.komodomedia.com/blog/2005/08/creating-a-star-rater-using-css/
 844+ <br>part 2: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=2
 845+ <br>part 3: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=3
 846+ <br>part 4: http://slim.climaxdesigns.com/tutorial.php?section=slim&amp;id=9
 847+ </p>
 848+ </div><!--// tab-Database //-->
 849+
 850+ <div id="tab-Background">
 851+ <h2>Background Information</h2>
 852+ <p>As far as I know, this is how it goes...</p>
 853+ <ul type="1">
 854+ <li> It all started with <em>Will Stuckey</em>'s <a target="_blank" href="http://www.visualjquery.com/rating/rating_redux.html">jQuery Star Rating Super Interface!</a> </li>
 855+ <li> The original then became the inspiration for <em>Ritesh Agrawal</em>'s <a target="_blank" href="http://php.scripts.psu.edu/rja171/widgets/rating.php">Simple Star Rating System</a>,
 856+ which allows for a GMail like star/un-star toggle. </li>
 857+ <li> This was followed by several spin-offs... (one of which is the <a target="_blank" href="http://www.learningjquery.com/2007/05/half-star-rating-plugin">Half-star rating plugin</a>) </li>
 858+ <li> Then someone at <a target="_blank" href="http://www.phpletter.com/Demo/Jquery-Star-Rating-Plugin/">PHPLetter.com modified the plugin</a> to overcome the issues - then plugin was now based on standard form elements, meaning
 859+ the interface would still work with Javascript disabled making it <em>beautifully downgradable</em>. </li>
 860+ <li> Then I came along and noticed a fundamental flaw with the latter: there could only
 861+ be one star rating control per page. The rest of the story is what you will see below... </li>
 862+ <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (12-Mar-08): Then <strong>Keith Wood</strong> added some very nice functionality to the plugin:
 863+ option to disable the cancel button, option to make the plugin readOnly and ability to accept any value (other than whole numbers) </li>
 864+ <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (20-Mar-08): Now supports half-star, third-star, quater-star, etc... Not additional code required. No additional images required. </li>
 865+ <li> <strong style="color: rgb(0, 153, 0);">NEW</strong> (31-Mar-08): Two new events, hover/blur (arguments: [value, linkElement]) </li>
 866+ </ul>
 867+ </div><!--// tab-Background //-->
 868+
 869+ <div id="tab-Download">
 870+ <h2>Download</h2>
 871+ <p>
 872+ This project (and all related files) can also be accessed via its
 873+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
 874+ </p>
 875+ <table cellspacing="5">
 876+ <tr>
 877+ <td valign="top" align="right">Full Package:</td>
 878+ <td valign="top">
 879+ <big>
 880+ <img src="/@/download.gif" style="margin:0 5px 5px 0; float:left;">
 881+ v<strong>3.13</strong>
 882+ <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star-rating.zip"><strong>star-rating.zip</strong></a>
 883+ </big>
 884+ </td>
 885+ </tr>
 886+ <tr>
 887+ <td valign="top" align="right"></td>
 888+ <td valign="top">
 889+ <div class="Clear" style="margin:0 0 10px 0;" onClick="$('a:eq(0)',this).click()">
 890+ <strong class="Yes" style="background:#090; color:#fff; padding:3px;">Stay up-to-date!</strong>
 891+ <span style="padding:3px;">
 892+ Major updates will be announced on
 893+ <a target="_blank" href="http://twitter.com/fyneworks" class="external">Twitter</a>:
 894+ <a target="_blank" href="http://twitter.com/fyneworks" class="external">@fyneworks</a>
 895+ </span>
 896+ </div>
 897+ </td>
 898+ </tr>
 899+ <tr>
 900+ <td valign="top" align="right">Core Files:</td>
 901+ <td valign="top">
 902+ These are the individual required files (<span class="Warning">already included in the zip package above</span>)
 903+ <ul>
 904+ <li><a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.js"><strong>jquery.rating.js</strong></a>
 905+ (packed version: <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.pack.js">jquery.rating.pack.js</a>)</li>
 906+ <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/jquery.rating.css"><strong>jQuery.Rating.css</strong></a></li>
 907+ <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/delete.gif"><strong>delete.gif</strong></a></li>
 908+ <li><a target="_blank" href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star.gif"><strong>star.gif</strong></a></li>
 909+ </ul>
 910+ </td>
 911+ </tr>
 912+ <tr>
 913+ <td valign="top" align="right">jQuery:</td>
 914+ <td valign="top">
 915+ <a target="_blank" href="http://jquery.com/src/jquery-latest.js">jquery-latest.js</a> (<a target="_blank" href="http://www.jquery.com/">see jQuery.com</a>)
 916+ </td>
 917+ </tr>
 918+ </table>
 919+
 920+ <h2>Related Downloads</h2>
 921+ <table cellspacing="5">
 922+ <tr>
 923+ <td valign="top" align="right">Related:</td>
 924+ <td valign="top">
 925+ <a target="_blank" href="http://plugins.jquery.com/project/metadata/">Metadata plugin</a> - Used to retrieve inline configuration from class variable
 926+ <br/>
 927+ <a target="_blank" href="http://www.malsup.com/jquery/form/">Form plugin</a> - Used to submit forms via ajax
 928+ </td>
 929+ </tr>
 930+ </table>
 931+
 932+ <h2>SVN Repository</h2>
 933+ <p>
 934+ If you're a major geek or if you really really want to stay up-to-date with
 935+ with future updates of this plugin, go ahead and plug yourself to the
 936+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">SVN Repository</a>
 937+ on the official
 938+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
 939+ </p>
 940+ <table cellspacing="5">
 941+ <tr>
 942+ <td valign="top" align="right">SVN Checkout:</td>
 943+ <td valign="top">
 944+ <img src="/@/files/js.gif" style="margin:0 5px 5px 0; float:left;">
 945+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/source/checkout"><strong>SVN Checkout Instructions</strong></a>
 946+ </td>
 947+ </tr>
 948+ <tr>
 949+ <td valign="top" align="right">Browse Online:</td>
 950+ <td valign="top">
 951+ <img src="/@/folder.gif" style="margin:0 5px 5px 0; float:left;">
 952+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/source/browse/"><strong>Browse Source</strong></a>
 953+ </td>
 954+ </tr>
 955+ </table>
 956+
 957+ <h2>Alternative Download - From this website</h2>
 958+ <p>
 959+ Just in case it's the end of the world and the Google Code site becomes unavailable,
 960+ the project files can also be downloaded form this site.
 961+ <br/>
 962+ However, please note that this site is updated periodically whereas the Google Code
 963+ project is kept up-to-date almost instantaneously. If you'd like the very latest
 964+ version of this plugin
 965+ <strong>you are advised to use the links above and download the files from Google Code</strong>
 966+ - this will ensure the files you download have the very latest features and bug fixes.
 967+ </p>
 968+ <table cellspacing="5">
 969+ <tr>
 970+ <td valign="top" align="right">Full Package:</td>
 971+ <td valign="top">
 972+ <img src="/@/download.gif" style="margin:0 5px 5px 0; float:left;">
 973+ v<strong>3.13</strong>
 974+ <a href="http://jquery-star-rating-plugin.googlecode.com/svn/trunk/star-rating.zip"><strong>star-rating.zip</strong></a>
 975+ </td>
 976+ </tr>
 977+ <tr>
 978+ <td valign="top" align="right"></td>
 979+ <td valign="top">
 980+ <div class="Clear" style="margin:0 0 10px 0;" onClick="$('a:eq(0)',this).click()">
 981+ <strong class="Yes" style="background:#090; color:#fff; padding:3px;">Stay up-to-date!</strong>
 982+ <span style="padding:3px;">
 983+ Major updates will be announced on
 984+ <a target="_blank" href="http://twitter.com/fyneworks" class="external">Twitter</a>:
 985+ <a target="_blank" href="http://twitter.com/fyneworks" class="external">@fyneworks</a>
 986+ </span>
 987+ </div>
 988+ </td>
 989+ </tr>
 990+ <tr>
 991+ <td valign="top" align="right">Core Files:</td>
 992+ <td valign="top">
 993+ These are the individual required files (<span class="Warning">already included in the zip package above</span>)
 994+ <ul>
 995+ <li><a target="_blank" href='jquery.rating.js'><strong>jquery.rating.js</strong></a> (packed version: <a href="jquery.rating.pack.js">jquery.rating.pack.js</a>)</li>
 996+ <li><a target="_blank" href='jquery.rating.css'><strong>jQuery.Rating.css</strong></a></li>
 997+ <li><a target="_blank" href="delete.gif"><strong>delete.gif</strong></a></li>
 998+ <li><a target="_blank" href="star.gif"><strong>star.gif</strong></a></li>
 999+ </ul>
 1000+ </td>
 1001+ </tr>
 1002+ <tr>
 1003+ <td valign="top" align="right">jQuery:</td>
 1004+ <td valign="top">
 1005+ <a target="_blank" href="http://jquery.com/src/jquery-latest.js">jquery-latest.js</a> (<a target="_blank" href="http://www.jquery.com/">see jQuery.com</a>)
 1006+ </td>
 1007+ </tr>
 1008+ </table>
 1009+
 1010+ </div><!--// tab-Download //-->
 1011+
 1012+ <div id="tab-Support">
 1013+
 1014+ <h2>Support</h2>
 1015+ <p>
 1016+ Quick Support Links: <a href="http://groups.google.com/group/jquery-en" class="B Yes">Help me!</a>
 1017+ | <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">Report a bug</a>
 1018+ | <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">Suggest new feature</a>
 1019+<!--//
 1020+ OLD: Forget Trac - Let's use Google Code!
 1021+ | <a target="_blank" href="http://plugins.jquery.com/node/add/project_issue/MultiFile/bug">Report a bug</a>
 1022+ | <a target="_blank" href="http://plugins.jquery.com/node/add/project_issue/MultiFile/feature">Suggest new feature</a>
 1023+//-->
 1024+ </p>
 1025+ <p>
 1026+ Support for this plugin is available through the <a target="_blank" href="http://jquery.com/discuss/" class="external">jQuery Mailing List</a>.
 1027+ This is a very active list to which many jQuery developers and users subscribe.
 1028+ <br/>
 1029+ Access to the jQuery Mailing List is also available through
 1030+ <a target="_blank" href="http://www.nabble.com/JQuery-f15494.html" class="external">Nabble Forums</a>
 1031+ and the
 1032+ <a target="_blank" href="http://groups.google.com/group/jquery-en" class="external">jQuery Google Group</a>.
 1033+ </p>
 1034+ <p>
 1035+ <strong class="Warning">WARNING:</strong>
 1036+ Support will not be provided via the <a href="http://plugins.jquery.com/">jQuery Plugins</a>
 1037+ website.
 1038+ If you need help, please direct your questions to the
 1039+ <a target="_blank" href="http://groups.google.com/group/jquery-en" class="external">jQuery Mailing List</a>
 1040+ or
 1041+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/issues/entry">report an issue</a>
 1042+ on the official
 1043+ <a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a>.
 1044+ </p>
 1045+
 1046+ <h2>Official Links</h2>
 1047+ <ul>
 1048+ <li><a target="_blank" href="http://plugins.jquery.com/project/MultipleFriendlyStarRating/" class="external">jQuery Plugin Project Page</a></li>
 1049+ <li><a target="_blank" href="http://code.google.com/p/jquery-star-rating-plugin/">Google Code Project Page</a></li>
 1050+ </ul>
 1051+
 1052+ <h2>Credit</h2>
 1053+ <ul>
 1054+ <li>Diego A. - Author, <a href="http://www.fyneworks.com/">London SEO Consultant</a></li>
 1055+ <li><a target="_blank" href="http://keith-wood.name/">Keith Wood</a> - The brain behind v2.1</li>
 1056+ <li>Dean Edwards - Author of <a target="_blank" href="http://dean.edwards.name/packer/">JS Packer</a> used to compress the plugin</li>
 1057+ <li>Will Stuckey, Ritesh Agrawal and everyone else who worked in the previous versions of the plugin - I'm not so good with research...</li>
 1058+ </ul>
 1059+ </div><!--// tab-Download //-->
 1060+
 1061+
 1062+
 1063+
 1064+
 1065+
 1066+ <!--//
 1067+ ####################################
 1068+ #
 1069+ # * END CONTENT *
 1070+ #
 1071+ ####################################
 1072+ //-->
 1073+ <div id="tab-License">
 1074+ <h2>Attribute this work</h2>
 1075+ <div class="license-info">
 1076+ <table cellspacing="5" width="100%">
 1077+ <tr>
 1078+ <td width="90" align="right">Attribution link:</td>
 1079+ <td valign="top">&copy; <a href="http://www.fyneworks.com/">Fyneworks.com</a></td>
 1080+ </tr>
 1081+ <tr>
 1082+ <td width="90" align="right">HTML Code:</td>
 1083+ <td valign="top">
 1084+ <input type="text" onFocus="this.select();" onClick="this.select()" style="width:100%;"
 1085+ value="&amp;copy; &lt;a href=&quot;http://www.fyneworks.com/&quot;&gt;Fyneworks.com&lt;/a&gt;"
 1086+ />
 1087+ </td>
 1088+ </tr>
 1089+ </table>
 1090+ </div>
 1091+ <h2>License Info</h2>
 1092+ <div class="license-info">
 1093+ <table cellspacing="5" width="100%">
 1094+ <tr>
 1095+ <td valign="middle">
 1096+ <strong>Star Rating Plugin</strong>
 1097+ by <a href="http://www.fyneworks.com/">Fyneworks.com</a>
 1098+ is licensed under the
 1099+ <a target="_blank" href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a> and the
 1100+ <a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/">GPL License</a>.
 1101+ </td>
 1102+ <td width="100"><a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/"><img alt="Creative Commons License" style="border-width:0" src="http://creativecommons.org/images/public/somerights20.png"/></a></td>
 1103+ </tr>
 1104+ <tr>
 1105+ <td colspan="2">
 1106+ <pre class="copyright">Copyright &copy; 2008 <a href="http://www.fyneworks.com/">Fyneworks.com</a>
 1107+
 1108+ Permission is hereby granted, free of charge, to any person
 1109+ obtaining a copy of this software and associated documentation
 1110+ files (the "Software"), to deal in the Software without
 1111+ restriction, including without limitation the rights to use,
 1112+ copy, modify, merge, publish, distribute, sublicense, and/or sell
 1113+ copies of the Software, and to permit persons to whom the
 1114+ Software is furnished to do so, subject to the following
 1115+ conditions:
 1116+
 1117+ The above copyright notice and this permission notice shall be
 1118+ included in all copies or substantial portions of the Software.
 1119+
 1120+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
 1121+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
 1122+ OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
 1123+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
 1124+ HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
 1125+ WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
 1126+ FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
 1127+ OTHER DEALINGS IN THE SOFTWARE.</pre>
 1128+ </td>
 1129+ </tr>
 1130+ </table>
 1131+ </div><!--// License Info //-->
 1132+ </div><!--// tab-License //-->
 1133+ </div><!--// documentation //-->
 1134+
 1135+ </div><!--// body //-->
 1136+ <div id="push"></div>
 1137+</div>
 1138+<div id="foot">
 1139+ <!--//<div class="Clear">//-->
 1140+ <table width="100%" cellspacing="5">
 1141+ <tr>
 1142+ <td valign="top">
 1143+ <strong>Star Rating Plugin</strong>
 1144+ by <a href="http://www.fyneworks.com/">Fyneworks.com</a>
 1145+ <br/>
 1146+ is licensed under the
 1147+ <a target="_blank" href="http://en.wikipedia.org/wiki/MIT_License">MIT License</a> and the
 1148+ <a target="_blank" href="http://creativecommons.org/licenses/GPL/2.0/">GPL License</a>.
 1149+ </td>
 1150+ <td valign="top" width="50%" align="right">
 1151+ <span style="margin:0 20px 0 0; color:#090;"
 1152+ >Tested with jQuery 1.4 on IE6, IE7, IE8, FF, Chrome, Opera and Safari</span>
 1153+ <a target="_blank" href="http://jquery.com/"><img src="/jquery/project/jq.png" alt="Powered by jQuery" style="vertical-align:middle;"/></a>
 1154+ </td>
 1155+ </tr>
 1156+ </table>
 1157+ <!--//</div>//-->
 1158+</div>
 1159+
 1160+ <script src='http://toolbar.wibiya.com/toolbarLoader.php?toolbarId=2147&nc=0&pl=1' type='text/javascript'></script>
 1161+ <!--//
 1162+ Wibiya clashes with jQuery so I found these articles:
 1163+ http://getsatisfaction.com/wibiya/topics/jquery_1_3_conflict
 1164+ http://getsatisfaction.com/wibiya/topics/wibiya_not_playing_nice_with_frontpage_slideshow_using_mootools
 1165+ //-->
 1166+
 1167+ <script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script><noscript>Google Analytics Script</noscript>
 1168+ <script type="text/javascript">try{_uacct = "UA-1942730-1";urchinTracker(); }catch(e){}</script><noscript>Google Analytics</noscript>
 1169+</body>
 1170+</html>
Property changes on: trunk/extensions/Ratings/starrating/star-rating/documentation.html
___________________________________________________________________
Added: svn:eol-style
11711171 + native
Property changes on: trunk/extensions/PAMELA/INSTALL
___________________________________________________________________
Added: svn:eol-style
11721172 + native
Property changes on: trunk/extensions/PAMELA/RELEASE-NOTES
___________________________________________________________________
Added: svn:eol-style
11731173 + native
Property changes on: trunk/extensions/PAMELA/COPYING
___________________________________________________________________
Added: svn:eol-style
11741174 + native
Property changes on: trunk/extensions/PAMELA/README
___________________________________________________________________
Added: svn:eol-style
11751175 + native

Status & tagging log