Sayfa açılışında Bootstrap popup nasıl yapılır?

Bu soru 2 kez yanıtlandı.

• bill gates

  25 Haziran 2019 13:25

  24

  Bootstrap modal için HTML Tasarımı:

  <div class="modal hide fade" id="denemeModal">
    <div class="modal-header">
      <a class="close" data-dismiss="modal">×</a>
      <h3>Başlık</h3>
    </div>
    <div class="modal-body">
      <p>Buraya görsel img'si gelecek</p>
    </div>
    <div class="modal-footer">
      <a href="#" class="btn btn-primary">Güncelle</a>
    </div>
  </div>

  Bu modal'ın ister JQuery ile açılışta görünmesini sağlarsınız;

  <script type="text/javascript">
      $(window).on('load',function(){
          $('#denemeModal').modal('show');
      });
  </script>

  İsterseniz de bir buton yardımıyla tıklama eylemi neticesinde görünmesini sağlayabilirsiniz:

  <a class="btn btn-success" data-toggle="modal" href="#denemeModal" >Modal'ı Göster</a>

   

• adnuf

  19 Ocak 2022 12:02

  0

  internet sitesi açılır açılmaz çıkan pop-up mesajların gizemi de böylece çözülmüş mü oldu?