v2.5.2
Giriş yap

Yıldızlı Yorum Sistemi

emmir2
455 defa görüntülendi

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>

house2k
1213 gün önce

Merhaba istediğiniz şeyi biraz araştırdım ve şöyle birşey buldum buradan örnek alaraktan yapabilirsiniz.