v2.5.2
Giriş yap

Post sonrası otomatik popup açtırma

emmir2
446 defa görüntülendi
popup açılımı için

 <a class="actions__link js-popup-open" href="#popup-report" data-effect="mfp-zoom-in">
<span>
  <svg class="icon icon-info-circle">
    <use xlink:href="upload/icon.svg#icon-info-circle"></use>
  </svg>
</span>
 </a>

 <div class="popup popup_report mfp-hide" id="popup-report">
        <form method="POST"> 
          <div class="popup__title h4">Rapor</div>
          <div class="popup__note">Satıştan Neden Kaldırması Gerektiğini Düşünüyosun</div>
          <div class="field">
            <div class="field__label">Mesaj</div>
            <input type="hidden" name="urun_id" value="<?=$urun['id']?>">
            <div class="field__wrap">
              <textarea class="field__textarea" name="mesaj" placeholder="Bize Bildir" required=""></textarea>
            </div>
          </div>
          <div class="popup__btns">
            <button class="button-purple popup__button js-popup-close" name="report" type="submit">Gönder</button>
          </div>
          </form>
          <?php
          if(isset($_POST['report'])) {
           $islem = $db->prepare("INSERT INTO report SET 
            urun_id = ?, 
            mesaj = ?");
           $islem = $islem->execute(array(
            $_POST['urun_id'],
            $_POST['mesaj']));
            if($islem){
           echo '<div class="popup popup_report" id="sa">
           <center>
           <img src="upload/check.svg" class="img-responsive" style="width:100px;height:57px;">
           <br>Şikayetiniz başarı ile oluşturuldu,En yakın zamanda dönüş yapacağız.</center>
           </div>';
          }else{
            echo '<div class="popup popup_report" >
            <center>
            <img src="upload/hata.png" class="img-responsive" style="width:100px;height:100px;">
            <br>Bir hata oluştu</center>
            </div>';
           }
            ?>
            <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
            <script>
              $(function(){
                $("#sa").dialog({
                    autoOpen:true,
                });
            })
            </script>

            <?php 
          }
          ?>
        </div>

Post sonrası popup benim stilimde çıkmıyor stil derken (Kapatma düğmesi vb)
ek görsel

Benim stilim

Cevap yaz
Cevaplar (2)
phpstring
1102 gün önce

Hocam selam.
PHP back-end bir dil olduğundan dolayı bu işi cliente php ile aktarman hayli zor olur,kodların kirli olur istediğin randumanı da vermez.
Bu yüzden ister fetch,ister jquery ajax metodlarını kullan.
Çok daha kolay işini görecektir,saygılarımla..

gokcin
1103 gün önce

Merhaba,
Bu işlemi ajax post ile sağlayabilirsin.