SORU
24 Ocak 2012, Salı


Silmek kalıcı/Twitter bootstrap ile iletişim onaylıyor musunuz?

Satır satır veritabanına bağlı bir HTML tablosu var. "Satır sil" her satır için link, ama kullanıcı ile önceden teyit etmek istiyorum. almak istiyorum Yapmak için herhangi bir şekilde bu Twitter bootstrap kalıcı iletişim kullanan var mı?

CEVAP
24 Ocak 2012, Salı


Bootstrap 3

Bu görev için zaten mevcut eklentiler ve bootstrap uzantıları kullanabilirsiniz. Ya da kendi onay pop-up ile sadece yapabilirsiniz3kod satırları. Şuna bir bak.

Silmek için onay istiyoruz: bağlantılar (not data-href yerine href) veya düğmeleri bu

<a href="#" data-href="delete.php?id=23" data-toggle="modal" data-target="#confirm-delete">Delete record #23</a>

<button class="btn btn-default" data-href="/delete.php?id=54" data-toggle="modal" data-target="#confirm-delete">
    Delete record #54
</button>

Burada #confirm-delete HTML, kalıcı bir popup div işaret eder. Bir "" düğmesi bu gibi yapılandırılmış: . TAMAM olmalıdır

<div class="modal fade" id="confirm-delete" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                ...
            </div>
            <div class="modal-body">
                ...
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                <a class="btn btn-danger btn-ok">Delete</a>
            </div>
        </div>
    </div>
</div>

Şimdi sadece bu küçük javascript silmek eylem tasdik olunur yapmak gerekir:

$('#confirm-delete').on('show.bs.modal', function(e) {
    $(this).find('.btn-ok').attr('href', $(e.relatedTarget).data('href'));
});

show.bs.modal olay silme düğmesi href karşılık gelen kayıt kimliği ile URL ayarlanır.

Demo: http://plnkr.co/edit/NePR0BQf3VmKtuMmhVR7?p=preview


Bootstrap 2.3

Burada Bootstrap 2.3 kalıcı bu soruya cevap yaşındayken yaptığım kodun orijinal bir sürüm.

$('#modal').on('show', function() {
    var id = $(this).data('id'),
        removeBtn = $(this).find('.danger');
    removeBtn.attr('href', removeBtn.attr('href').replace(/(&|\?)ref=\d*/, '$1ref='   id));
});

Bootstrap 2.3 Demo: http://jsfiddle.net/MjmVr/1595/

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Jared Busch

    Jared Busch

    25 Mayıs 2011
  • metagamers

    metagamers

    13 Mayıs 2006
  • The Brister

    The Brister

    10 ŞUBAT 2008