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

  • dougownsall

    dougownsall

    7 EKİM 2007
  • SaraBeautyCorner - Nails and Nail Art Designs, DIY, Fashion & Makeup Tutorial

    SaraBeautyCo

    7 EKİM 2012
  • Vagrant Records

    Vagrant Reco

    8 Mayıs 2006