• 21-04-2015, 01:31:22
    #1
    Merhabalar,
    twitter bootsrap ile modal box acıyorum. Bunu buton ile yapabiliyorum ama bir türlü tr ye tıkladıgında çalışmasını sağlıyamadım.
    Sizce nasıl yapabilriim.

    Normal buton ile yaptıgım:

    <button type="button" class="btn btn-primary ozel" data-id ="2" data-urun_ad="Çorba" data-urun_id="3" data-urun_ucret="25.00" data-urun_adet="2">Deneme</button>

    bunu nasıl sizce tr tagına tıkladıgında çalışmasını sağlarım?
  • 21-04-2015, 01:45:58
    #2
    Üyeliği durduruldu
    tr den kastınız tr tagı ise tag 'a onclick methodu ile bir fonksiyon atayın o fonksiyon içinde ise $('#kutuid').modal('show'); şeklinde açtıra bilirsiniz

    örnek

    <tr onclick="kutuAc();">
    ..
    ..
    ..

    <script>
    kutuAc(){
    $('#kutu').modal('show');
    }

    </script>
  • 21-04-2015, 11:35:37
    #3
    o şekilde oldugu takdirde static bir yapı olacak.
    Dinamik bir yapı şeklinde çalışması gerekiyor js yapısının
  • 21-04-2015, 13:18:36
    #4
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Dinamik çalıştırmak için modalın içinde ajax çalıştırmak gerekiyor.
    Aşağıdaki örnek işinizi görecektir. Denedim ve problem yaşamadım.

    Modal açmak için (onclick gibi bişey kullanma zorunluluğu da yok)
    <tr data-target="modal-edit-form.asp" data-params="ID=1" data-toggle="modal">
    <td>...</td>
    </tr>

    Javascript:
    $('[data-toggle="modal"]').click(function(e) {
    //e.preventDefault();
    var kim = $(this)
    var url = kim.attr('data-target');
    var params = kim.attr('data-params');

    $('#modals').modal();
    $.ajax({
    type: 'GET',
    url: url,
    cache: false,
    data: params,
    success: function(sonuc) {
    $('#modalicerik').html(sonuc);
    }
    });
    //});

    });

    $('#modals').on('hidden.bs.modal', function (e) {
    $('#modalicerik').html('<div class="notification notification-info"><h4>Yükleniyor...</h4><p>Lütfen bekleyiniz.</p>');
    })

    })

    Kolay gelsin.

    Not: Kendi projemdeki yapı bu. Gerekli id bilgilerini değiştirmeniz gerekecek.