Witam

Jest następujący case: mam taki system do oceniania według gwiazdek, jest ich 5, klikając pierwszą mam wartość w zmiennej vote = 1, klikając drugą z kolei mam wartość zmiennej vote = 2 itd. Wszystko było by ok gdyby nie fakt że potrzebuję zastosować taką ocenę kilka razy w obrębie jednego ocenianego "obiektu". Jest np hotel no i tam możemy ocenić klimat, spokój, obsługę. 3 razy stosuję system gwiazdek, celem jest uzyskanie średniej wartości z oceny hotelu, biorąc pod uwagę każde kryterium.

po prostu HELP

[HTML] pobierz, plaintext 
<style type="text/css">
.star-rating {
width:80px;
height:16px;
float:left;
background:url(images/ratings.png);
cursor:pointer;
}
.star {
width:16px;
height:16px;
float:left;
}
</style>
<div class="star-rating" id="rating1result">
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
<div class="star"></div>
</div>
 
<!----------skrypt jquery obsługujący zmiane gwiazdek po najechaniu--------------->
 
<script type="text/javascript">
        $(function(){
            $('.star').mouseover(function (){
                var star = $(this).index()+1;
                var x =(32 * star);
                $(this).parent().css('backgroundPosition','0% ' +(-x)+ 'px');
            });
            $('.star-rating').mouseout(function (){
                var originalresult = $(this).attr('id').split('result')[1];
                var y =(32 * originalresult);
                $(this).css('background-position','0%' +(-y)+ 'px');
            });
        });
    </script>
 
<!----------skrypt JS + AJAX--------------->
 
<script type="text/javascript">
                        $('.star').click(function (){
                            var id = $(this).parent().attr('id').split('rating')[1];
                            var vote = $(this).index() + 1;
 
                            var request = $.ajax({
                                type: "POST",
                                url:"save-vote.php",
                                data: 'id='+ id + '&vote='+ vote
                            });
                            $(this).parent().removeAttr("id");
                            $(this).parent().html(" ");
                            $('#response').append(vote); // wyswietlam wartości w <div id="response"></div>
                        });
                        //replace (and) with the "and" sign - parsing error...
                    </script>
 
[HTML] pobierz, plaintext