Tampilkan postingan dengan label JQuery. Tampilkan semua postingan
Tampilkan postingan dengan label JQuery. Tampilkan semua postingan

Sabtu, 12 April 2014

Plugin TinyMCE Upload Image dengan JBImages, WYSIWYG Editor yang Mampu Mengupload Gambar

Plugin TinyMCE Upload Image dengan JBImages, WYSIWYG Editor yang Mampu Mengupload Gambar ternyata banyak yang membutuhkan, ini penulis ketahui dari artikel sebelumnya yaitu WYSIWYG CKEditor Memakai Upload Gambar dengan CKFinder yang ternyata dibaca oleh cukup banyak pembaca. Kali ini penulis ingin membagi pengetahuan tentang WYSIWYG yang benar-benar open source dan free yaitu Tiny MCE dengan diberi plugin yang juga free yaitu JBImages, sehingga mampunyai fitur untuk meng-upload gambar.

Jumat, 28 Februari 2014

JQuery Time Picker untuk Memilih Tanggal dan Waktu Jam pada DateTimePicker di Halaman Web

JQuery Time Picker untuk Memilih Tanggal dan Waktu Jam pada DateTimePicker di Halaman Web
JQuery Time Picker untuk Memilih Tanggal dan Waktu Jam pada DateTimePicker di Halaman Web ini melengkapi artikel yang pernah penulis buat yaitu Menggunakan DateTimePicker dengan JQuery dengan Format Indonesia dan Memberikan Nilai Awal. Kebutuhan yang sering penulis alami kadang membutuhkan lebih dari DatePicker saja, yaitu membutuhkan Date dan TimePicker yaitu DatePicker yang mampu memilih Time (Waktu) sehingga hasilnya Tanggal dan Waktu.

Hal ini tentu saja tidak bisa dipenuhi dengan DateTimePicker bawaan JQuery, sehingga harus ditambahkan AddOn TimePicker JQuery.

Selasa, 04 September 2012

Crop Image Interaktif pada Halaman Web dengan JQuery ImageAreaSelect Upload Crop (Pemrograman Web PHP JQuery)

Beberapa hari yang lalu ada teman yang menceritakan bahwa di Website SNMPTN ada fasilitas Mengupload Foto Pendaftaran kemudian secara Online Interaktif On The Fly Pengguna langsung Memilih Area yang Akan Di-Crop dan Menyimpan atau Upload Hasilnya sebagai Foto yang Akan Digunakan untuk Mendaftar. Setelah searching sana kemari, hasilnya ketemu teknik serupa dengan nama JQuery Image Area Select.

Website dari JQuery ImageAreaSelect dapat ditemukan disini http://odyniec.net/projects/imgareaselect/. Demonya terlihat sebagai berikut :


Sedangkan library JQuery Image Area Select dapat didownload disini http://odyniec.net/projects/imgareaselect/jquery.imgareaselect-0.9.8.zip.

Tetapi demo atau contoh pada website di atas tidak membahas atau memberikan cara untuk Mengupload Gambar hasil Pilihan Area Crop. Kemudian Pertanyaannya Bagaimana Cara Menyimpan atau Upload Gambar Hasil yang Telah Di-Crop. Ternyata penulis menemukan disini, beserta demonya :