Facebox – mendisable close dari klik di sembarang tempat

BY IN AJAX Comments Off on Facebox – mendisable close dari klik di sembarang tempat

Ada yang masih suka main2 dengan facebox? Facebox cukup powerful untuk dapat digunakan sebagai pop up untuk informasi yang diambil dari database. Saya memilih menggunakan facebox karena penggunaannya yang sangat sederhana. Bahkan dengan facebox, kita dapat memanfaatkan facebox untuk melakukan proses browse, yaitu seek ke tabel tertentu untuk memilih data yang kita butuhkan.

Namun hal yang cukup mengganggu adalah saat saya menyadari ketika facebox tampil, user dapat mengclose facebox dengan melakukan klik di sembarang tempat. Untuk membikin facebox hanya bisa diclose dengan mengklik tombol close yang disediakan, perlu dilakukan modifikasi pada script facebox.js sebagai berikut:

$.extend($.facebox,{
settings:{
opacity:0.5,
modal:true,

cari function showOverlay dan modifikasi scriptnya menjadi seperti ini:

function showOverlay()
.click(function() {
if ($.facebox.settings.modal!=true)
$(document).trigger(‘close.facebox’)
})

simpan file facebox.js, maka setelah dimodifikasi scriptnya, untuk tiap pemanggilan facebox, facebox hanya bisa diclose dengan mengklik tombol close pada icon close yang ada.




Comments are closed.