Jquery select on change function

Kali ini bermain main dengan jquery select on change, bermain main dengan jquery itu ternyata menyenangkan juga, baru kali ini mulai belajar belajar lagi jquery. Kali ini saya ingin sharing tentang cara bagaimana bermain main dengan form dengan jquery, kali ini saya menggabungkan fungsi select dan input, jadi ketika kita memilih select option tertentu maka akan mempengaruhi input box dalam hal ini saya menggunakan class yang sudah ada di html yaitu class required dan disabled, langsung saja kira kira seperti ini scriptnya.

Pertama tama tentu saja kita sudah memastikan jquery sudah terload

https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js

Selanjutnya adalah membuat select dan input di html

<select id="metode" required name="metode" class="form-control">
 <option value="Cash">Cash</option>
 <option value="Debit">Debit</option>
 <option value="Kredit">Kredit</option>
</select>

 <select name="bank" id="bank" disabled class="form-control">
 <option value="">Pilih Bank</option>
 <option value="Mandiri">Mandiri</option>
 <option value="Danamon">Danamon</option>
 <option value="BRI">BRI</option>
 <option value="BNI">BNI</option>
 <option value="BCA">BCA</option>
 <option value="Bukopin">Bukopin</option>
 <option value="CIMB Niaga">CIMB Niaga</option>
 <option value="Mayapada">Mayapada</option>
 <option value="Muamalat">Muamalat</option>
 <option value="BTN">BTN</option>
 </select>

 <input id="kartu" name="kartu" disabled placeholder="Nomor Kartu" class="form-control" type="text">

Statistik blog ini

Sebagai seorang blogger yang baik sekali kali boleh juga mencermati apa saja yang sebenarnya dicari pengunjung di blog kita, dan untungnya di wordpress caranya gampang dia sudah membuat fasilitas untuk melihat sepak terjang dari pengunjung blog kita dengan data data tersebut kita bisa meningkatkan tulisan tulisan yang serupa atau content yang lebih menarik lagi sehingga pengunjung jadi semakin menarik datang ke blog kita.

Berikut data statistik pengunjung di blog ini, semoga juga bisa bermanfaat datanya buat yang lain.

Mengaktifkan login dengan finger print di linux mint

Kebetulan di laptop saya lenovo x240 punya finger print dan di laptop ini terinstall satu satunya dan sudah berjalan hampir setahun ini linux mint 18.1 setelah berkali kali gonta ganti distro linux baru kali ini nyaman lama di ubuntu based distro linux ini.

Nah kali ini saya akan share tentang cara mengaktifkan finger print di laptop yang sudah terinstall linux mint atau sebenarnya bisa juga untuk ubuntu dan turunannya. Dibawah ini tutorialnya

Pertama tama pastikan finger printnya kedetect, bisa menggunakan perintah dibawah ini

lsusb

kalau di laptop saya kebaca seperti dibawah ini

 

Selanjutnya adalah apabila sudah kebaca, lakukan langkah dibawah ini untuk menambahkan repository aplikasinya dan menginstall softwarenya

$ sudo add-apt-repository ppa:fingerprint/fprint

$ sudo apt-get update

$ sudo apt-get install libpam-fprintd

Setelah selesai terinstall untuk mengetes apakah sukses apa tidak pastikan sudah seperti dibawah ini

$ grep fprint /etc/pam.d/common-auth

Maka kita akan menemukan tulisan ini apabila sukses

auth [success=2 default=ignore] pam_fprintd.so

Setelah sukses tinggal memasukkan sidik jari kita

$ fprintd-enroll

Dan kita akan diminta memasukkan sidik jari seperti dibawah ini

 

 

 

Dan selesai maka finger print ini akan aktif disetiap kita membutuhkan autentifikasi seperti login, sudo, dll, kalau gagal gimana tenang ngga usah khawatir karena apabila gagal maka akan otomatis masuk ke login manual.

 

 

 

Demikian tips ini semoga bermanfaat.

 

Firebase realtime database

Iseng iseng technology baru google, namanya firebase, di firebase ini sangat komplit dari hosting, realtime database dan dll semuanya free alias gratis, jadi yang penasaran silahkan main ke firebase.google.com

Kali ini saya main main dengan yang namanya realtime database, dan ternyata bener bener realtime, gila bener kuenceng banget, kalau ngga percaya silahkan liat video diatas hampir2 tidak ada jeda, saya menggunakan fasilitas hosting dari firebase dan database nya juga menggunakan firebase.

Jadi penasaran belajar framework js. Semangat Man Jadda Wa Jadda

Happy Coding

Gunakan waktu sebaik baiknya, tiada hari tanpa menambah ilmu, waktu tidak dapat diulang, tidak ada orang sukses yang santai.

Cara install node.js di ubuntu dan turunannya

Gara gara nonton google i/o 2017 tadi pagi jadi pengen belajar lebih dalam tentang product2 google diantaranya adalah google cloud platform, dengan produk produk seperti google firebase untuk database, dan google hosting dan masih banyak produk produk yang lainnya yang terhubung dengan google, nah kali ini saya ingin belajar lebih jauh tentang firebase database buatan google ini, tapi sebelum kita memulai lebih jauh ada beberapa tools yang harus diinstall terlebih dahulu diantaranya adalah node.js.

Cara menginstallnya cukup mudah silahkan lakukan langkah langkah dibawah ini

1. curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -

2. sudo apt-get install -y nodejs

3. sudo apt-get install -y build-essential
   

   Done selesai maka node.js sudah terinstall di ubuntu kita, tetapi saya sebenarnya tidak menggunakan ubuntu tetapi menggunakan linux mint, tetapi seperti yang saya tulis dijudul bahwa cara ini juga bisa digunakan di ubuntu dan turunannya.

   Untuk belajar firebasenya akan dibahas dipostingan2 selanjutnya, untuk sekarang masih melototin dokumentasi 😀 yuk belajar lagi

Happy coding

Seting fstab load /dev/sda1

Reminder untuk catatan, setingan biar hard drive bisa read write di raspberry pi

buat folder dulu di /media/xxx

chown -R pi:pi /media/xxx

chmod -R 775 /media/xxx

Setingan fstab

sudo blkid untuk mengetahui UUID

kemudian masukkan ke fstab

UUID=631D-1DE2 /media/hd01 vfat auto,users,rw,uid=1000,gid=100,umask=0002 0 0

Done selesai

Membuat select2 responsive

 

Kali ini share lagi tips membuat select2 menjadi responsive mengikuti lebar dari column di bootstrap, saya tidak akan menceritakan bagaimana cara menggunakan select2, cari sendiri di google banyak :).

So begini caranya cukup tambahkan window resize function menjadi seperti dibawah ini

    $(document).ready(function() {
      $(".select2").select2();
      $(window).resize(function() {
    $('.select2').css('width', "100%");
});

    });
    

Sudah gitu aja simple kan, semoga bermanfaat happy coding.