Kumpulan Source Code, Tips dan Tutorial Pemograman Web

Category: javascript

Hide dan Show Form Input Jika List Menu Dipilih

Halo, mungkin sobat bingung membaca judul dari tulisan ini, karena saya juga bingung dalam merangkai kata-kata yang bagus dan gampang untuk dimengerti (haha :D). Sebelum semuanya makin bingung akan saya jelaskan maksud dan tujuan saya membuat tulisan ini. Jadi program kali ini berupa fitur yang memungkinkan show (tampilkan) atau hide (sembunyikan) sebuah form input jika salah satu kondisi/menu dipilih.

Contohnya kita akan membuat pilihan dengan value “Ada” dan “Tidak Ada“. Pada contoh ini adalah pilihan untuk KTP, jika value dipilih “Tidak Ada” maka tidak ada form isian untuk input nomor KTP-nya, dan jika value yang dipilih “Ada” maka muncul form isian untuk input nomor KTP.

Dialog Window untuk Memilih Nilai dari Pop Up ke Opener

Halo, kali ini saya kembali membuat catatan tentang pop up window, jujur saja saya bingung mau ngasih judul apa pada tulisan kali ini, karena membingungkan juga, (hahaha). Jadi pada waktu itu saya sedang membuat halaman yang berisikan form input sebuah nama kemudian pada halaman tersebut dapat dilakukan proses input nama melalui sebuah popup, nama yang diinsert pada popup tersebut akan tampil ke form input halaman utamanya. Ternyata setelah dicari cari kesana kemari bahasa kerennya itu adalah passing value from popup to caller window. :facepalm. Atau mengambil nilai dari popupĀ  (dialog window) ke window pemanggilnya (opener). Selengkapnya bisa dilihat pada gambar berikut :

Membuat Auto Refresh Halaman Parent Jika Halaman Child (Pop up) ditutup

Halo, ini adalah post pertama saya di blog ini, kali ini saya akan membagi script php untuk Auto refresh (reload) halaman parent (opener) jika halaman child (pop up) ditutup atau diberikan fungsi self.close. Pada saat saya mencari script ini cukup susah juga saya untuk pengaplikasiannya (maafkan saya yang masih pemula ini, :cry :cry) karena terjadi masalah pada kompatibilitas browser, ada yang jalan di Firefox tapi di Chrome tidak, begitu juga sebaliknya. Namun berkat bantuan google juga akhirnya saya dapat script yang kompatibel dengan kedua browser tersebut, kalau browser lain saya anggap tidak ada aja lah, hahaha.

Langsung saja tanpa basa basi ini adalah script javascriptnya :

Powered by WordPress & Theme by Anders Norén