JQuery Plug-in : Disable-Enable, Visible-Invisible Element
January 31st, 2009 § 3 Comments
Beberapa bulan terakhir ini saya banyak bekerja dengan JavaScript dan JQuery untuk mengembangkan sebuah modul sistem. Sistem ini berbasis web menggunakan PHP dan dibantu dengan JQuery untuk fungsionalitas tampilannya. Suatu ketika saya membutuhkan sebuah fungsi yang digunakan untuk melakukan disable dan enable button atau input text, dan fungsi untuk melakukan setting visibility sebuah element. Googling kesana-kemari tidak menemukan solusi, akhirnya yang saya dapat adalah bagaiman membuat sebuah plug-in sendiri sesuai dengan kebutuhan kita. Yang saya buat adalah plug-in untuk melakukan enable-disable element dan mengatur visibility nya.
Berikut adalah plug-in untuk yang saya buat:
//untuk men-disable element
jQuery.fn.disable = function() {
if (this != null){
if(this.attr('disabled') == false)
this.attr('disabled', true);
}
}
//untuk meng-enable element
jQuery.fn.enable = function() {
if (this != null){
if (this.attr('disabled') == true)
this.attr('disabled', false);
}
}
// gabungan, jika elemenet tersebut disable, maka di-enable dan
// jika dia enable, maka akan di-disable
jQuery.fn.tenable = function() {
if (this != null){
if(this.attr('disabled') == false)
this.attr('disabled', true);
else
this.attr('disabled', false);
}
}
Yang kedua yang saya buat adalah plug-in untuk melakukan setting visibility dari element menggunakan CSS. Berikut plug-in nya:
« Read the rest of this entry »