Bootstrap Dynamic Modal

Kemaren menggunakan library bootstrap untuk mencoba menggantikan jQuery-UI, yaaa, karena permintaan client aja sih. Dengan jqUI , mudah sekali membuat dialog box, modal, dengan widget dialog nya. Bootstrap juga menyediakan widget modal, namun, sesuai dengan sifat bootstrap yang sebenarnya hanya bermain dengan markup html (js juga ada sih), widget bootstrap agak kesulitan untuk dibuat programmable. Continue Reading…

Cegah double Post dengan Http Post/Redirect/Get

PostRedirectGet Double Submit Problem

Ketika membuat aplikasi berbasis Web, pasti pernah (jika bukan sering) berurusan dengan form html. Dimana form merupakan sarana interaksi user dengan aplikasi atau halaman Web yang dikunjunginya tersebut. Form yang memuat data penting dan sensitif biasanya akan menggunakan metode POST dalam pengiriman datanya. Cara kerjanya sederhana, user mengisi data di form yang ada kemudian submit form tersebut, halaman web yang menerima form tersebut kemudian memproses data yang dikirimkan, kemudian tampilkan pesan atau hasil dari pemrosesan data tersebut, selesai. Continue Reading…

Slideshow (sangat) Sederhana

Banyak sekali plugin jQuery untuk membuat slideshow dengan animasi yang terbilang “wah”. Tetapi adakalanya, misalnya saya sendiri kemarin, membutuhkan animasi untuk slideshow yang ringan, dan (sangat) sederhana. Tentu saja, plugin yang “wah” untuk jQuery yang bertebaran di internet tersebut juga menyediakan opsi untuk hanya menggunakan animasi yang sederhana, tapi dalam kasus yang saya alami, saya harus membuat animasi tersebut dengan script yang sependek-pendeknya. Continue Reading…

Percantik tombol Upload File HTML

Kita semua yang pernah menggunakan browser internet, pasti sudah pernah mengenal yang namanya upload file. Entah itu melalui email, mengisi CV online, twitter, facebook atau lainnya. Tombol file upload biasanya akan tampil secara default sesuai dengan browsernya. Misalnya, tampilan tombol upload Firefox akan berbeda dengan tampilan pada Google Chrome atau Safari. Hal ini disebabkan engine HTML yang berjalan pada browser tersebut menggunakan style yang berbeda. Continue Reading…

Draggable dengan Javascript

Anda tentu pernah melihat suatu website dimana satu atau lebih elementnya dapat dipindah-pindah dengan metode drag. Apa itu drag? menarik objek? Kurang lebih artinya seperti itu, dengan “draggable object”, kita dapat memindahkan sebuah objek di halaman website (bahkan pada windows, tapi kita batasi pada halaman web saja) hanya dengan menekan mouse, tahan, dan gerakkan mouse tersebut menuju lokasi baru yang diinginkan, kemudian lepaskan mouse. Objek pun berpindah tempat. Continue Reading…