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.star-rating {
width:80px;
height:16px;
float:left;
background:url(images/ratings.png);
cursor:pointer;
}
.star {
width:16px;
height:16px;
float:left;
}
<div class="star-rating" id="rating1result">
<!----------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');
});
});
<!----------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...