Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Modal pop çoklu kullanma

Konu, 'Javascript' kısmında abidost tarafından paylaşıldı.

  1. abidost

    abidost Üye

    Kayıt:
    3 Haziran 2008
    Mesajlar:
    145
    Beğenilen Mesajlar:
    1
    Şuan üstünde çalıştığım sistemde, modal ile pop açıyorum.

    Bir sayfada döngü halinde veri tabanından kayıtlar listeleniyor. (Mesala 30 tane). Her satırda modal pop için bir link var.
    Kod:
    <button type="button" class="pop" pageTitle="Veri tabanından isim" pageName="detay.asp?id=veritabanından id">Detay</button>
    Ana sayfada modal kodu var. (Stillerle ilgili bazı değişiklikler var, onlara takılmayın. ozel-scrollbar gibi)

    Kod:
    <!-- Modal -->
        <div class="modal fade" tabindex="-1" role="dialog" >
      <div class="modal-dialog modal-lg" >
        <div class="modal-content" style="box-shadow:0px 0px 0px !important;">
          <div class="modal-header" style="margin-bottom:0px; border:0px">
            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title ozel-scrollbar" style="height:50px; width:93%; box-shadow:0px 0px 0px 0px"></h4>
          </div>
          <div class="modal-body ozel-scrollbar" style="padding-top:0px;">
          
          </div>
        </div>
         <div class="modal-footer" style="border:0px; padding:5px; background-color: #fff;">
            <button type="button" class="btn btn-default btn-block" data-dismiss="modal">Kapat</button>
          </div>
    <!-- /.modal-content -->
      </div><!-- /.modal-dialog -->
    </div><!-- /.modal -->
    <script>
    $(function() {
            $(".pop").click(function(){
              var pageTitle = $(this).attr('pageTitle');
              var pageName = $(this).attr('pageName');
              $(".modal .modal-title").html(pageTitle);
              $(".modal .modal-body").html("Yükleniyor...");
              $(".modal").modal("show");
              $(".modal .modal-body").load(pageName);
            });
    });
    </script>
    <!-- Modal -->

    Temel olarak sorunsuz çalışıyor. İstenen id ye bağlı kaydı açıyor. Modal ı kapattığımda arka planda çalışmaya devam ediyor. İçinde bulunan ajax dan bunu anlayabiliyorum.

    Pop kapatıldığında içindeki işlemleri kesmesi lazım.

    Şimdiden teşekkürler.
     
    Son düzenleme: 1 Ağustos 2017