Untuk mempercantik web php anda, inputan textfield kalender otomatis mungkin dapat membantu sistem php anda lebih menarik dan interaktif dengan user. Selain itu memudahkan user karena user tidak perlu menginputkan angka (tanggal) lagi. Program ini akan menampilkan text field yang akan menampilkan kalender ketika di sentuh dengan mouse. Lalu user dapat mengklik tanggal. Dan Tanggal akan terinput otomatis sesuai kehendak user. Untuk lebih jelasnya mengenai tutorial ini silahkan lihat contoh screen shoot di bawah ini sahabat jitu:
Ketika textfield di tekan . Maka akan langsung otomatis menampilkan tanggal / calendar
Setelah Tanggal Di Klik, Maka Data tanggal Akan otomatis terinput
Bagaimana ? apakah anda tertarik dengan script ini ? daripada menunggu lama, silakan anda download sourcenya disini.
Nah, lalu bagaimana cara mengaplikasikan script ini pada php kita, caranya seperti dibawah ini.
Nah, lalu bagaimana cara mengaplikasikan script ini pada php kita, caranya seperti dibawah ini.
- Download Source Scriptnya
- Nah, kemudian anda extract isinya. akan ada isi seperti dibawah ini.
- Nah, file index.php ini sebenarnya berisi script untuk memanggil program tanggal+componen di dalam folder calender, sedangkan folder calender berisi component penyusunnya.
- Nah, anda copy folder calendar, satu folder dengan php anda. contohnya adalah seperti php saya dibawah ini. (saya copy foldernya dahulu ke folder php saya).
- Nah kemudian buka index.php yang ada di dalam folder yang sudah diekstrak tadi. tampilannya kurang lebih seperti dibawah ini. (fokus hanya pada script yang ada di dalam kolom merah).
- Nah, selanjutnya anda buka index.php milik anda sendiri atau file dimana inputan tanggal otomatis ini anda taruh. (punya saya ada di index.php)
- Nah, buka file tersebut dan konfigurasi script inputan tanggal menjadi seperti dibawah ini.<input type="text" name="vtgl" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.vtgl);return false;"><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.postform.vtgl);return false;"><img name="popcal" align="absmiddle" style="border:none" src="calender/calender.jpeg" width="34" height="29" border="0" alt=""></a>
- Jangan lupa diakhir script php anda, copy kan script iframe seperti dibawah ini. <iframe width=174 height=189 name="gToday:normal:calender/agenda.js" id="gToday:normal:calender/agenda.js" src="calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe> - Nah, kemudian anda simpan, dan jalankan, punya saya jadinya menjadi seperti dibawah ini.
- Selesai.
adaptasi dari : http://www.sisteminformasiphp.com