<form>
  <select name="package" id="package">
    <option>Paket 1</option>
    <option>Paket 2</option>
    <option>Paket 3</option>
  </select>
    
  <h4>Anda memilih: <span id="selected"></span></h4>
</form>

Belajar HTML: Cara Validasi Form di HTML agar Websitemu Lebih Aman

Membuat Generator id Unik seperti id Video YouTube di PHP

Dalam sebuah tabel di database, seringkali kita membuat kolom bernama id sebagai primary key. Kadang kolom tersebut kita berikan fungsi auto increment agar otomatis terisi dengan angka. Namun, kali ini kita coba menggunakan karakter yang di-generate dari nilai waktu per milidetik.

1. Mengambil Niali Unik dari Fungsi Waktu

Kita dapat menggunakan fungsi microtime() atau fungsi time() untuk mendapatkan nilai unik. Nilai ini, senantiasa akan berubah terus, seiring dengan perubahan waktu.

Dari percobaan di atas, fungsi microtime() mengembalikan nilai unik setiap kali dipanggil. Sementara itu, fungsi time() akan mengembalikan nilai unik setiap detik.

Saya sarankan menggunakan fungsi microtime(), karena fungsi ini mengembalikan nilai unik per milidetik.

2. Konversi Nilai Unik

Sebenarnya, kita bisa saja menggunakan nilai kembalian dari microtime() dan time() untuk membuat id unik. Tapi, karena kita ingin membuat id seperti YouTube, maka kita harus lakukan konversi ke dalam bentuk lain. Kita bisa menggunakan fungsi base_convert() untuk membuatnya.
Fungsi base_convert() Sebenarnya untuk mengubah basis dari sebuah nilai. Pada contoh di atas, parameter angka 10 merupakan panjang nilai yang dihasilkan. Sedangkan angka 36 adalah basisnya.

Contoh lain, panjang 8 dengan basis 16 (bilangan heksadesimal):

3. Kode Generator

Kita sudah dapat apa yang kita inginkan, sekarang kita buat kode generatornya. Pada generator ini kita gunakan basis 36 dengan panjang 10.

<?php
$id = base_convert(microtime(false), 10, 36);
?>

Cara Cepat Modifikasi Navbar Bootstrap

Ada dua jenis warna pilihan navbar yang ditawarkan Bootstrap: Warna putih (navbar-default) dan warna hitam (navbar-inverse).

Selain dari dua warna tersebut, kita harus memodifikasinya sendiri.

Pada kesempatan ini, saya akan berbagi cara cepat memodifikasi navbar Bootstrap dengan cepat.

1. Menggunakan Generator

Ada sebuah generator canggih yang dibuat oleh Samuel Marchal.

Mengatasi Masalah Posisi Titik Tengah Google Maps pada Modal

Saat membuat Google Maps pada Modal di template Admin LTE, ada masalah yang membuat saya bingung.

Posisi titik tengah Google maps selalu berada di pojok kiri atas. Meskipun saya sudah set titik tengahnya pada trigger event resize, namun tetap saja posisinya berada di pojok kiri atas.