i (am) Blogger and U?

from X-periment to X-perience

Web Profil / Portofolio Basic 1

Web Profil/Portofolio Basic 1, aplikasi/software untuk mengelola portofolio (atau bisa juga dijadikan sebagai photo/image gallery) atau untuk menampilkan profil perusahaan maupun perseo [...]

Aplikasi Web: WebReview-Series 1

Web Review-Series 1 adalah paket aplikasi web yang memfasilitasi Anda yang ingin membuat situs yang berisi review dari berbagai hal. Review tentang suatu produk, Review tentang suatu te [...]

Template Toko Online: Shopper Variant

SHOPPER-Variant adalah HTML template (menggunakan Bootstrap 3.3.6) yang ditujukan untuk toko online. Template ini terdiri dari 6 halaman siap pakai yaitu home, product lists, shopping c [...]

Profile / Portofolio Pro 1

Aplikasi Profil / Portofolio Pro 1, software berbasis web untuk pengelolaan portofolio atau untuk menampilkan profil baik perusahaan maupun perseorangan. Selain itu software ini dapat p [...]

Profile / Portofolio Pro 2

Aplikasi Profil / Portofolio Pro 2, software berbasis web untuk pengelolaan portofolio atau untuk menampilkan profil baik perusahaan maupun perseorangan. Selain itu software ini dapat p [...]

Web Profil / Portofolio Basic 2

Web Profil/Portofolio Basic 2 memiliki fitur-fitur yang sama persis dengan Web Profil/Portofolio Basic 1 tapi dengan theme/template yang berbeda.

2013
17Mar

jQuery: Non-AJAX Konfirmasi Delete

Post category: Web Development

Setelah posting sebelum membahas tentang Membuat Link Tidak Aktif dengan jQuery maka kali ini akan dibahas mengenai salah satu pemanfaatannya dalam hal konfirmasi delete. "Menu delete" bisa dikatakan "spesial" dibandingkan dengan yang lain karena kalau tidak sengaja diklik dan tak ada "warning" maka akan dieksekusi "secara langsung". Oleh karena itu, "aplikasi yang baik" biasanya menu delete tidak langsung mengeksekusi delete begitu diklik.

Kali ini akan saya tunjukkan sedikit modifikasi dari skrip yang lalu sehingga bisa dimanfaatkan untuk konfirmasi delete. Untuk contoh saat ini adalah yang versi non-ajax. Berikut adalah skrip untuk menampilkan konfirmasi dalam javascript ketika sebuah link diklik (bila user mengklik OK maka akan bernilai TRUE).

$(function(){
$('a').click(function(){
confirm('Ini adalah tombol konfirmasi.');
});
});

untuk html:
<a href="#">Coba klik ini</a>

Paling tidak ada dua cara untuk mengimplementasikan konfirmasi delete dengan menggunakan "confirm". Berikut ini adalah contoh untuk mengeksekusi link delete misal bernama index.php?delete_id=123

Cara 1:
$(function(){
$('a.cara1').click(function(){
if(confirm('Yakin akan menghapus data ini?')){
return true;
}else{
return false;
}
});
});

untuk html:
<a class="cara1" href="index.php?delete_id=123">Coba klik ini</a>

Cara 2:
$(function(){
$('a.cara2').click(function(){
if(! confirm('Yakin akan menghapus data ini?')){
return false;
}
});
});

untuk html:
<a class="cara2" href="index.php?delete_id=123">Coba klik ini</a>

Perbedaan cara 1 dan 2 adalah soal asumsi. Kebanyakan "programmer text-book-based" biasanya berpikiran "if .. then .. else" karena udah terlalu biasa "melihat hal semacam itu di text-book" sehingga pada mayoritas kasus akan menggunakan "if .. then .. else" sehingga terkadang kelewat batas karena terlalu banyak "if .. then .. else" (nested "if .. then .. else" kalau istilah saya).

Cara 1 mengecek apakah user mengklik OK atau tidak. Kalau OK berarti dieksekusi dan kalau user mengklik Cancel maka tidak dieksekusi sedangkan cara 2 mengasumsikan bahwa kalau user tidak mengklik OK berarti eksekusi tidak dieksekusi. Hal yang sama ketika "dilihat (dengan cara yang) berbeda" maka akan kelihatan bedanya.


No comments...
>> Comments closed. <<