_GET ile modal göstermek
butona tıklamak yerine adres satırındaki bir GET ğarametresini gördüğünde modal penceresi açmak istiyorum.
Nasıl yapabilirim?
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (5)
Aşağıdaki gibi yaptım. Modal açılıyor ama içerik koyu duruyor sayfanın geneli gibi ve hiç bir içeriğine tıklanmıyor.
<?php if ($_GET['id']=='parametre') { ?>
<div class="modal fade" id="<?php echo $_GET['id'] ?>">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title"><?php echo $row['Marka'] ?> - <?php echo $row['Collection'] ?> - <?php echo $row['UrunTip'] ?> - <?php echo $row['Carat'] ?> Ayar</h4>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<iframe width="768" height="432" src="https://www.youtube.com/embed/<?php echo $row['youtube_key'] ?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"></iframe>
</div>
<div class="modal-footer justify-content-right">
<button type="button" class="btn btn-default" data-dismiss="modal">Kapat</button>
<button type="button" onclick="window.location.href='Product.php?UrunID=<?php echo $row['UrunID']; ?>'" class="btn btn-primary">Ürün Detaylarına Git</button>
</div>
</div>
</div>
</div>
<script>
$( document ).ready(function() {
$("#<?php echo $_GET['id'] ?>").modal('show');
});
</script>
<?php } ?>
jquery ile bir olay tanımlayıp içerisine $('#modalid').modal('show'); şeklinde kullanım yapabilirsin örneğin var = url şeklinde yolu belirleyip setinitveral 1000 yaparak belirlenen urlde 1 saniye sonra modal açılabilir kusra bakma tam kod yazmıyorum javascriptte iyi değilim uğraşırsam yazabiliyorum :D
@muhammet teşekkür ederim. Uygulayamadım. Yani uyguladım da çalışmadı. Modal kodlarında hep butonın içeriğinde id değerleri falan olur. Bu GET içinde yok. Hem epty hem isset var vs ekle çıkar değiştir varyasyonalr denedim ama olmadı.
Aşağıdaki modal kodlarına göre vaktin olurda modifiye edebilirsen çok sevinirim.
<div class="modal fade" id="exampleModalCenter" tabindex="-1" role="dialog" aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLongTitle">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>