Synchronous XMLHttpRequest on the main thread is deprecated

Ketika menambahkan pelanggan ke rute penagihan pada Tirta ERP, di console saya mendapat pesan seperti ini :

jquery.min.js:4 [Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Mulai Menggunakan ReactJS

Status : Draft

Referensi

1. Create a quiz with React, https://mitchgavan.com/react-quiz/

OOP (Object Oriented Programming) di JavaScript

Status : Draft


jQuery 

Untuk jQuery, pattern sederhana yang bisa digunakan untuk sebuah halaman, adalah dengan membuat semua fungsi di halaman tersebut menjadi member sebuah objek.

Misalkan  Kita memiliki halaman faktur penjualan,  pattern Javascriptnya bisa seperti ini :

var penjualan = {}  ; 

penjualan.init = function(){
   $(document).on('keyup',"selector", function(){
   } );
   $(document).on('click',"selector", function(){
   } );
   this.transfer();
} 

penjualan.transfer = function(){
  //do something
}

di jQuery onLoad nya kit tinggal panggil :

penjualan.init(); 

Referensi

1. Object-oriented Programming, http://eloquentjavascript.net/1st_edition/chapter8.html
2. OOP In JavaScript: What You NEED to Know, http://javascriptissexy.com/oop-in-javascript-what-you-need-to-know/

Bower - A package manager for the web

Status : Draft

Referensi

1. Bower - A package manager for the web, https://bower.io/
2. What’s So Great About Bower?, https://css-tricks.com/whats-great-bower/

Mengambil Modus Data Pada Sebuah Array

Status : Draft

Terkadang kita perlu mengambil modus, data yang paling sering muncul dalam sebuah array, misalkan kita memiliki array seperti berikut :

['aquaponik', 'organik', 'hidroponik', 'aquaponik'].

Bagaimana kita mengambil modus nya ?

Alhamdulillah, Matthew Flaschen sudah memberikan solusi untuk kita :

Referensi

1. Get the element with the highest occurrence in an array, http://stackoverflow.com/questions/1053843/get-the-element-with-the-highest-occurrence-in-an-array

Status : Draft

Referensi

1. Join two tables with ssp class, http://jakzaprogramowac.pl/pytanie/8304,how-to-join-two-tables-with-sspclassphp

DataTables

Bekerja dengan Data Attribue

Status : Draft

Referensi

1. jQuery.data(), https://api.jquery.com/data/

Jquery Validation dan Select2 : An invalid form control with name='' is not focusable.

Lihat juga : JQuery : Client Side Validation

Ketika menggunakan Select2 [1] dengan jQuery Validation [2] saya menemukan error :

" An invalid form control with name='' is not focusable."

Setelah googling sebentar saya menemukan jawabannya di [3][4].

Solusinya :

Tambahkan CSS berikut :

.select2-wrapper {
    display: inline-block;
    position: relative;
}

Kemudian ketika inisiasi select2, tambahkan attr seperti berikut :

  $("#selector").select2({
              placeholder: "Pilih",
              allowClear: false
  }).attr('style','display:block; position:absolute; bottom: 0; left: 0; clip:rect(0,0,0,0);');

Referensi

1. Select2, The jQuery replacement for select boxes, https://select2.github.io/
2. jQuery Validation Plugin, https://jqueryvalidation.org/
3. How to use with a form validator? #584, https://github.com/select2/select2/issues/584
4. fiddle How to use with a form validator, http://jsfiddle.net/q7kxsf17/10/

JQuery : Client Side Validation

Status : Draft 
Hanya menggunakan JQuery Validation :

Sedangkan berikut snippet penggunaan JQuery Client Side Validation[1] dikombinasikan dengan JQueryForm[2] :

JQuery Validation dan Jquery Input Mask Plugin [3] 

Jika kedua plugin ini digunaka secara bersamaan, secara default notifikasi JQuery Validation tidak akan muncul, solusinya :

  Referensi

1. jQuery Validation Plugin, https://jqueryvalidation.org/
2. jQuery Form, http://malsup.com/jquery/form/
3. Mask Plugin, A jQuery Plugin to make masks on form fields and html elements, https://igorescobar.github.io/jQuery-Mask-Plugin/