Post sonrası otomatik popup açtırma
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