Monday, 23 January 2017

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/

Friday, 20 January 2017

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



DataTables

Status : Draft

Referensi


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


DataTables

Tuesday, 10 January 2017

Monday, 9 January 2017

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/

Sunday, 8 January 2017

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/