Yıldızlı Yorum Sistemi
Merhaba arkadaşlar yıldızlı yorum sistemi yapıyorum fakat bir yeri yapamadım yıldıza tıklayınca data-rating değerini inputa yazdırtmam gerekiyor
Görsel
<div class="comment">
<?php
if($_POST){
$_POST['yorum'] = strip_tags($_POST['yorum']);
$islem = $db->prepare("INSERT INTO urun_yorum SET kullanici_id = ?, urun_id = ?, yorum = ?, durum = ?, tarih = ?");
$islem = $islem->execute(array($_SESSION['kullanici']['id'],$urun['id'],$_POST['yorum'],0,$time));
if($islem){
echo '<div class="row yorum_sonuc"><div classs="col-md-12"><center><img src="assets/images/basari.png" class="img-responsive" style="width:100px"><br>Yorumunuz başarı ile oluşturuldu, yönetici onaylandıktan sonra gösterilecektir.</center></div></div>';
}else{
echo '<div class="row yorum_sonuc"><div classs="col-md-12"><center><img src="assets/images/hata.png" class="img-responsive" style="width:100px"><br>Yorumunuz eklenirken bir hata oluştu.</center></div></div>';
}
?>
<script type="text/javascript">
$(function(){
$([document.documentElement, document.body]).animate({
scrollTop: $(".yorum_sonuc").offset().top
}, 2000);
});
</script>
<?php
}
?>
<form class="comment__form" method="POST">
<div class="comment__title">Yorum Yapın </div>
<div class="comment__head">
<div class="comment__text">
<span>Ürün Hakkında Görüşlerini Dile Getir</span>
</div>
<div class="rating js-rating jq-ry-container" id="rating-degeri" data-rating="2" data-read="false" style="width: 111px;">
<div class="jq-ry-group-wrapper">
<div class="jq-ry-normal-group jq-ry-group">
</div>
</div>
</div>
</div>
<div class="comment__field">
<input class="comment__input" type="text" name="yorum" placeholder="İncelemelerinizi Aktarın" required="">
<input type="hidden" name="rating" id="rating-degeri">
<button class="button-small comment__button"><span>Gönder</span>
<svg class="icon icon-arrow-next">
<use xlink:href="#icon-arrow-next"></use>
</svg>
</button>
</div>
</form>
<div class="comment__head">
<div class="comment__title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><?= $yorum; ?> yorum</font></font></div>
</div>
<div class="comment__list">
<?php
$query = $db->query("
SELECT
kullanici.ad,
urun_yorum.yorum,
urun_yorum.tarih
FROM
urun_yorum
INNER JOIN kullanici ON urun_yorum.kullanici_id = kullanici.id
WHERE
urun_yorum.urun_id = '{$urun['id']}' AND
urun_yorum.durum = 1
", PDO::FETCH_ASSOC);
if($query->rowCount()){
foreach($query as $row){
echo' <div class="comment__item">
<div class="comment__avatar"><img src="img/content/avatar-1.jpg" alt="Avatar"></div>
<div class="comment__details">
<div class="comment__top">
<div class="comment__author">'.$row['ad'].'</div>
<div class="rating js-rating jq-ry-container" data-rating="4" data-read="true" readonly="readonly" style="width: 111px;">
<div class="jq-ry-group-wrapper">
<div class="jq-ry-normal-group jq-ry-group">
</div>
</div>
</div>
</div>
<div class="comment__content">'.$row['yorum'].'</div>
<div class="comment__foot">
<div class="comment__time">'.date('Y-m-d H:i', $row['tarih']).'</div>
</div>
</div>
</div>';
}
}else{
echo '<h3>Yorum bulunamadı..</h3>';
}
?>
</div>
<div class="comment__btns">
<button class="button-stroke button-small comment__button">
<div class="loader"></div><span>Yorumlar Yükleniyor</span>
</button>
</div>
</div>