Javascript Onay Penceresi Confirm Kullanımı

Kendiniz için bir içerik yönetim sistemi (cms) yazıyorsanız veya bir amaç taşıyan özel bir yazılım kodluyor sanız bir yerde mutlaka silme işlemi yapacaksınız demektir. Bir yazıyı, sayfayı veya görsel bir öğeyi silme durumunuzda sildiğiniz şey veri tabanından da silinecektir.

Sileceğiniz şeyin bir yazı olduğunu varsayalım. Sil butonuna tıkladığınızda eğer bir engel yok ise direk silme işini gerçekleştirir. Sil butonuna click (tıklama) işinde kullanıcının karşısına mutlaka bir uyarı çıkması gerekir ve uyarıda “kayıt silinecektir, onaylıyor musunuz?” gibisine bir uyarı gelmesi gerekir ve kullanıcı “evet” yada “hayır” olarak seçenek kullanabilmesi gerekir. Örnek 1 ‘e bakınız.

confirm uyarı penceresi
Örnek 1

Bu gibi durumlarda Javascript onay penceresi kullanarak confirm(); fonksiyonu ile silme işine bir engel katabiliriz. Şimdi gelin bununla ilgili sayfamıza bir fonksiyon oluşturalım ve silme butonuna tıkladığımız anda bu fonksiyonu çalıştıralım.

Javascript Confirm Kullanımı

Örnek olarak silme butonumuzu oluşturalım ve tıkladığımızda kayit_sil.php dosyasına gitmesini sağlayalım. Tabi kayit_sil.php dosyasına giderken silinecek kaydın “id” numarasınıda get methoduyla yolluyoruz.

<a href="kayit_sil.php?hid=$id"><img src="images/sil.png"></a>

Şimdi ise bu butona bir onclick fonksiyonumuz ile tıklama özelliği belirleyelim ve tıklandığında hazırlayacağımız javascript fonksiyonunu çalıştırsın.

<a href="kayit_sil.php?hid=$id" onclick="return sor()"><img src="images/sil.png"></a>

Burada kullandığımız onclick=”return sor()” kodumuz sayesinde tıklama esnasında “sor” ismindeki fonksiyonumuzu çalıştırmış olduk. Şimdi javascript’te fonksiyonumuzu oluşturalım. Sayfanızın <head> tagları arasına şu fonksiyonu belirliyoruz.

<script type="text/javascript">
   function sor(){
 
      if(confirm("Kayıt Siliniyor, Onaylıyormusunuz?")){}
      else{ return false; }
 
   }
</script>

Bu fonksiyonumuz da silme işlemine şöyle bir engel kattık. Butona tıkladığında “Kayıt siliniyor, Onaylıyor musunuz?” diye bir uyarı ekrana çıkıyor ve kullanıcı “evet” seçeneğine tıklar ise fonksiyon bir müdahale yapmıyor ve silme işlemi gerçekleşiyor. Eğer kullanıcı “iptal” seçeneğine tıklar ise “return false” ile işlem durduruluyor.

Böylelikle Javascript ile onay penceresini kodlarımıza entegre etmiş olduk. Silme işleminde her hangi bir yanlışlığın önüne bu şekilde geçmek mümkündür.

Admin
Admin

Bilgiye ve eğitime önem veren, paylaşmayı seven bir insan.

Düşüncelerinizi görmekten mutluluk duyacağız...

Yorum Bırakın

Translate »
Kılavuz Yazılım
Logo