v2.5.2
Giriş yap

Post sonrası otomatik popup açtırma

emmir2
447 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

gokcin
1103 gün önce

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