Membatalkan proses Ajax yang berjalan

Kadang, pada kondisi tertentu ada proses yang ingin dibatalkan ketika mengirim data ajax terlebih dahulu. Sebagai contoh, ketika ajax terlalu lama, user melakukan proses dimana proses bergantung dari proses sebelumnya, jika ini terjadi, error atau ambigu proses pasti terjadi.

Contoh proses lain adalah kita menampilkan kalender, tiap user klik salah satu tanggal, kita proses ajax untuk mengambil data berdasarkan tanggal yang diklik oleh user. Karena mungkin internet yang lama, padahal terdapat proses mengambil data ke belakang dengan ajax, user mengklik sembarang ke tanggal-tanggal lain. Alhasil, proses jadi berantakan, hasil yang diterima dari ajax pun akan ambigu karena ajax bersifat syncronous. Continue reading Membatalkan proses Ajax yang berjalan

jQuery datepicker conflict dengan datepicker bootstrap?

Awalnya saya membuat di menu paling atas datepicker dengan datepicker bootstrap. Lalu karena permintaan klien untuk dibuatkan satu datepicker lagi yang support multiple datepicker, saya gunakan MDP. Alhasil, datepicker bootstrap saya ketimpa dengan code dan style dari MDP. Lalu bagaimana cara solve nya?

MPD diambil dari jquery UI sedangkan datepicker bootstrap lain, tapi karena mereka menggunakan kata “datepicker” yang sama, akhirnya conflict. Cara yang masuk logika adalah, kita ganti saja nama kata “datepicker” salah satu plugin tersebut agar tidak salah panggil. Continue reading jQuery datepicker conflict dengan datepicker bootstrap?

Handle Input Barcode Diakhiri Enter

Ketika bermain dengan barcode scanner, beberapa barcode scanner ketika selesai berhasil baca barcode langsung diakhiri dengan enter. Ini bermasalah ketika kita menyisipkan form hasil baca barcode ke input, sehingga otomatis form akan tersubmit. Pada kondisi ini, mungkin beberapa proses tidak menginginkan “enter” tersebut karena ingin melakukan beberapa proses seperti ajax ke server sebelum form disubmit. Continue reading Handle Input Barcode Diakhiri Enter

Checkbox tidak tampil di Chrome dengan jQuery

Belum lama ada alur yang mesti checkall atau uncheckall beberapa checkbox secara otomatis. Saat itu saya lagi pakai Chrome dan jQuery 1.10.1. Saat di running, entah kenapa tidak muncul saat check all saya click. Saya pikir mungkin versi jQuery 1.10.1 blom fix, Saya upgrade ke 1.10.2, namun tetep saja checkbox tidak muncul. Saya coba inspect, ternyata dalam checkbox attribute checked sudah bernilai benar, true jika checkall, dan false jika uncheckall. Continue reading Checkbox tidak tampil di Chrome dengan jQuery

Cara membatalkan event select pada jquery ui autocomplete

Bagaimana cara membatalkan value dari hasil proses autocomplete jquery ui ?? Jadi dulu saya ambil data dengan autocomplete milik jquery ui dengan alur, jika hasil yang dipilih user adalah nilai X, saya cek terlebih dahulu apakah nilai X sudah ada pada pilihan sebelumnya ?? Jika sudah ada, batalkan. Jika belum simpan pada text tertentu. Continue reading Cara membatalkan event select pada jquery ui autocomplete

Setting JCrop pada Codeigniter

Bagaimana cara setting jCrop pada Codeigniter. eh jCrop itu apa ya ? jcrop adalah plugin jQuery powerfull yang berguna untuk melakukan Cropping atau pemotongan gambar sesuai yang kita inginkan. Setiap Photo Editor kayak PhotoShop, Paint, PhotoScape pasti ada fitur untuk meng-crop gambar sesuai yang kita mau. Kasus yang mungkin teman-teman lihat adalah pada Facebook ya.. Continue reading Setting JCrop pada Codeigniter

Pengenalan jQuery Api Live

Web tidak lepas dengan namanya event, di klik, di mouseover, mouseleave, onchange dan banyak lagi event pada web. Penanganan event pada web harus jadi point plus bagi seorang web developer. Pada artikel ini saya ingin share mengenai penanganan event dengan api jquery live(). Apa bedanya penanganan event dengan api bind() dengan api live(), akan saya jelaskan pada artikel ini. Continue reading Pengenalan jQuery Api Live

Pengenalan jQuery Api Bind

Salah satu kemudahan dengan menggunakan jQuery sebagai framework javascript adalah banyak nya api yang memudahkan kita menempelkannya pada projek yang akan kita kerjakan. Tiap api memiliki fungsi dan kegunaan masing-masing. Continue reading Pengenalan jQuery Api Bind

Seleksi Banyak Element Melalui Index dengan jQuery

Pada artikel ini saya akan sharing tentang penyeleksian element html yang banyak untuk mengambil element tertentu dengan index dari element tersebut dengan jquery. Untuk yang sudah paham mengenai penyeleksian ini tidak usah dibaca, namun apabila ingin refresh atau mengingat-ingat kembali api jquery ini silahkan.. Continue reading Seleksi Banyak Element Melalui Index dengan jQuery