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">

Continue reading Jquery select on change function

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.

statistik

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

fstab

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.