i m using a rating system by star.
performance:
terms:
team:
overall:
for overall, i need to calculate it automatically, based on another
three rating.
here is my code.
view:---
<table >
<tr>
<td>Performance</td>
<td><%= render :partial => "rating" ,
:locals =>
{:rate => ''performance''}%>
<%= hidden_field_tag(:rating_performance) %>
</td>
</tr>
<tr>
<td>Team</td>
<td> <%= render :partial => "rating" ,
:locals =>
{:rate =>''Team''} %>
<%= hidden_field_tag(:rating_Team) %>
</td>
</tr>
<tr>
<td>Strategy</td>
<td><%= render :partial => "rating" ,
:locals =>
{:rate =>''strategy''} %>
<%= hidden_field_tag(:rating_strategy) %>
</td>
</tr><tr>
<td>Terms</td>
<td><%= render :partial => "rating"
,:locals => {:rate
=> ''terms''}%>
<%= hidden_field_tag(:rating_terms) %>
</td>
</tr>
<tr>
<td>Overall</td>
<td>
<%= render :partial => "rating" ,:locals =>
{:rate
=> ''overall''}%>
<%= hidden_field_tag(:rating_overall) %>
</td>
</tr>
</table>
partial_rating-----
<script type="text/javascript">
function setRating(value,rate) {
document.getElementById(''current-star-
rating-''+rate).style.backgroundImage = "documenturl(/images/stars/
stars_"+value+"0.gif)";
document.getElementById(''rating_''+rate).value = value;
overall=parseInt(document.getElementById(''rating_performance'').value)
+parseInt(document.getElementById(''rating_team'').value) +
parseInt
(document.getElementById(''rating_terms'').value )+ parseInt
(document.getElementById(''rating_strategy'').value)
document.getElementById(''rating_overall'').value = overall
document.getElementById(''current-star-rating-
overall'').style.backgroundImage = "documenturl(/images/stars/
stars_"+overall+"0.gif)";*/
}
</script>
<div class="reviewrating" style="width:620px">
<div style="float:left;padding-top:2px;"></div>
<div style="float:left;padding-left:2px;">
<ul id="current-star-rating-<%=rate%>"
class="star-rating"
style="background-image:url(''/images/stars/stars_00.gif'')">
<li><a class="one-star" href="#"
onclick="setRating(''1'',''<%=rate
%>''); return false">1</a></li>
<li><a class="two-stars" href="#"
onclick="setRating(''2'',''<%=rate
%>''); return false">2</a></li>
<li><a class="three-stars" href="#"
onclick="setRating(''3'',''<
%=rate%>''); return false">3</a></li>
<li><a class="four-stars" href="#"
onclick="setRating(''4'',''<
%=rate%>''); return false">4</a></li>
<li><a class="five-stars" href="#"
onclick="setRating(''5'',''<
%=rate%>''); return false">5</a></li>
</ul></div>
</div>
but it is not working fine. The star of overall is not highlight
automatically.
could u plz help me as soon as possible as soon as possible.
Thanks,