ajax-request-response.js ajax-update-response.html @@ -58,14 +58,14 @@ <h1><a href="http://gravityblast.com/projects/5-stars-rating/">5 Stars Rating</a></h1> <p><a href="http://gravityblast.com/">by Andrea Franz</a></p> <h3>Simple</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 1</span> <div class="simple_rating rating" id="rating_song_1"> <div class="stars"> <div class="star on"></div> <div class="star on"></div> - <div class="star"></div> + <div class="star on half"></div> <div class="star"></div> <div class="star"></div> </div> @@ -86,7 +86,7 @@ </div> <h3>With label</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 3</span> <div class="simple_label rating" id="rating_song_3"> @@ -116,7 +116,7 @@ </div> <h3>Custom label</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 5</span> <div class="custom_label rating" id="rating_song_5"> @@ -147,7 +147,7 @@ <h3>Custom label template</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 7</span> <div class="custom_label_template rating" id="rating_song_7"> @@ -177,7 +177,7 @@ </div> <h3>Custom label after rating</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 9</span> <div class="custom_label_after_rating rating" id="rating_song_9"> @@ -207,7 +207,7 @@ </div> <h3>Not disabled after voting</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 11</span> <div class="not_disabled_rating rating" id="rating_song_11"> @@ -237,7 +237,7 @@ </div> <h3>Custom resetting delay (1 second after mouseout)</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 13</span> <div class="custom_delay_rating rating" id="rating_song_13"> @@ -267,7 +267,7 @@ </div> <h3>After rate callback</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 15</span> <div class="after_rate_rating rating" id="rating_song_15"> @@ -297,7 +297,7 @@ </div> <h3>Ajax.Update</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 17</span> <div class="ajax_update_rating rating" id="rating_song_17"> @@ -327,7 +327,7 @@ </div> <h3>Ajax.Request (you can test it only with a webserver. Not offline.)</h3> - <div id="songs"> + <div class="example"> <div class="song"> <span class="title">Song 19</span> <div class="ajax_request_rating rating" id="rating_song_19"> index.html @@ -15,10 +15,22 @@ background: transparent url('../images/stars.png') no-repeat 0 0; float: left; } -.rating .stars .star.on { + +.rating .stars .star.on { + background-position: 0 -9px; +} + +.rating .stars .star.on.half { background-position: 0 -9px; + width: 5px; + margin-right: 4px; } .rating.selected .stars .star.on { background-position: 0 -18px; +} + +.rating.selected .stars .star.on.half { + width: 10px; + margin-right: 0px; } \ No newline at end of file stylesheets/rating.css a2d112278a8b9d80513c914c7d8d86fcd54422be Andrea Franz andrea@gravityblast.com http://github.com/pilu/super-star-rating/commit/bd106a069f165d67d046c0a5eb1396b711c723a3 bd106a069f165d67d046c0a5eb1396b711c723a3 2008-05-05T18:36:26-07:00 2008-05-05T18:36:26-07:00 added half star 9300f5715a804344b2b00b9b87b8bb00648e7a7b Andrea Franz andrea@gravityblast.com