Javascript onay href bağlantı iletişim. | Netgez.com
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ÅŸ:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VÄ°DEO

Rastgele Yazarlar

  • 24 Канал

    24 КанаÐ

    5 ÅžUBAT 2006
  • majesticdubstep

    majesticdubs

    3 Kasım 2011
  • TeeMayneTV

    TeeMayneTV

    27 Kasım 2010