Javascript onay href bağlantı iletişim.

SORU

5 Mayıs 2012, CUMARTESİ

Javascript onay href bağlantı iletişim.

Javascript bir iletişim için bu bağlantıyı istediğim kullanıcı "emin misiniz? diye soruyor Y/N".

<a href="delete.php?id=22">Link</a>

Eğer kullanıcı "Evet" link "Hayır" hiçbir şey olmayacak.eğer yük, gereken tıklattığında Ben formları nasıl yapıldığını, özelliği true döndüren bir işlev kullanarak çalışan ya da yanlış.

Ama nasıl normal href link ile yapacağım?

CEVAP

5 Mayıs 2012, CUMARTESİ

Satır içi olay işleyicisi

En basit şekilde, onclick satır içi işleyici confirm() işlevini kullanabilirsiniz.

<a href="delete.php?id=22" onclick="return confirm('Are you sure?')">Link</a>

Gelişmiş olay işleme

Ama normalde satır içi olay işleyicileri kullanmak yok, ama bağlantı üzerinde bir sınıf koymak öneririm 14 ** ve bir olay dinleyicisi eklemek istersiniz.

<a href="delete.php?id=22" class="confirmation">Link</a>
...
<script type="text/javascript">
    var elems = document.getElementsByClassName('confirmation');
    var confirmIt = function (e) {
        if (!confirm('Are you sure?')) e.preventDefault();
    };
    for (var i = 0, l = elems.length; i < l; i  ) {
        elems[i].addEventListener('click', confirmIt, false);
    }
</script>

This example sadece modern tarayıcılar (eski Ler kullanabilirsiniz attachEvent(), returnValue ve sağlayan bir uygulama için getElementsByClassName() kullanın ya da bir kütüphane gibi bir WordPress kullanmak işe yarar ile çapraz tarayıcı sorunları). this advanced event handling method on MDN ile ilgili daha fazla bilgi edinebilirsiniz.

bir WordPress kullanmak

Uzakta bir WordPress kullanmak bir fanboy kabul ediliyor kalmak istiyorum, ama DOM manipülasyon ve olay işleme tarayıcı farklılıkları ile en çok yardım ettiği iki alan. Sadece eğlence için, burada bu jQuery ile nasıl görüneceğini

<a href="delete.php?id=22" class="confirmation">Link</a>
...
<!-- Include jQuery - see http://jquery.com -->
<script type="text/javascript">
    $('.confirmation').on('click', function () {
        return confirm('Are you sure?');
    });
</script>

Bunu Paylaş: