20 Şubat 2014 Perşembe

JavaScript Confirm (onaylama) işlemi

Geliştirdiğimiz uygulamalarda bazen kullanıcıya işlemi yapmak istediğinden emin olup olmadığını sormamız gerekebilir. Örneğin birşey silmek istenildiğinde "Silmek istediğinize emin misiniz?" ya da siteden çıkış yapmak istenildiğinde "Çıkış yapmak istiyor musunuz?" şeklinde uyarılarda bulunmamız ve işlemi onaylatmamız gerekebilir.

Bunun için de JavaScript'te bulunan confirm özelliğini kullanabiliriz. Bu yazıdaki örnekte kullanıcı bir butona tıklayacak ve karşısına uyarı gelecek. Eğer onaylarsa siteye yönlendirilecek. Aksi taktirde işlem yapılmayacak.

İlk olarak sayfaya bir buton ekliyorum. Butona tıklandığında http://msbilisim.blogspot.com/ adresine yönlendirileceğiz.

<input type="button" onclick="git()" value="Blog" />

Şimdi JavaScript kodlarımı yazıyorum.

git adında bir fonksiyon oluşturuyorum.

function git()
{

}

Şimdi bu fonksiyon içinde bir if şartı koyuyorum ve kabul ederse yapılacak yönlendirme işlemini oluşturuyorum.

function git()
{
    if(confirm("Blog'a gitmek istediğinize emin misiniz?"))
    {
        window.location.href = "http://msbilisim.blogspot.com/";
    }
}

Kodun tamamı

<script>
function git()
{
    if(confirm("Blog'a gitmek istediğinize emin misiniz?"))
    {
        window.location.href = "http://msbilisim.blogspot.com/";
    }
}
</script>

<input type="button" onclick="git()" value="Blog" />

Şimdi sayfamı çalıştırıyorum ve butona tıklıyorum.

Karşıma aşağıdaki uyarı gelecek.