Skip to content


Membuat ComboBox Dinamis Dengan JQuery

KurangBiasaLumayanBagusLuar Biasa (4 votes, average: 3.75 out of 5)
Loading ... Loading ...
351 views

ComboBox atau element Select pada halaman website adalah elemen form yang sangat berguna untuk melakukan pemilihan data. Namun seringkali terjadi kesalahan pemilihan data seperti ketika memilih propinsi pada suatu pulau, malah memilih propinsi di pulau lainnya. Oleh karena itu combobox harus di design secara baik agar dapat mengurangi kesalahan input user.

Berikut adalah teknik untuk mendesign ComboBox dinamis dalam kasus pemilihan data lokasi.

Selengkapnya…

Posted in Ajax, JQuery, PHP. Tagged with , , , .

Create, Update dan Delete Data Master Dengan Ajax Dan Dynamic Grid

KurangBiasaLumayanBagusLuar Biasa (5 votes, average: 5.00 out of 5)
Loading ... Loading ...
534 views

Berawal dari banyak request untuk pengembangan artikel sebelumnya tentang “Create, Update dan Delete Data Master Dengan Ajax” maka saya coba kembangkan form CRUD dengan metoda table dinamis (Dynamic Grid), maksudnya adalah semua kegiatan tambah, ubah dan menghapus dapat dilakukan pada table yang menampilkan data.

Masih mengambil topik managemen data pegawai, saya coba kembangkan script lama saya sehingga tampilannya seperti ini.


Tampilan saat menambah data


Tampilan saat mengubah data

Selengkapnya…

Posted in JQuery, PHP, Tips & Trick. Tagged with , , , , , .

Membuat Animasi Image Rotator Dengan JQuery

KurangBiasaLumayanBagusLuar Biasa (2 votes, average: 4.00 out of 5)
Loading ... Loading ...
524 views

Pertama-tama saya ucapkan Selamat Tahun Baru 2010, semoga kita dapat meraih hasil yang lebih baik dari tahun sebelumnya.

Artikel kali ini akan membahas tentang animasi image yang sering di gunakan pada setiap sisi halaman website, yaitu image rotator. Image rotator adalah cara menampilkan daftar image yang diganti satu per satu dalam suatu periode. Animasi ini biasanya di pasang pada space banner di dalam halaman website, agar pengunjung dapat melihat satu per satu secara bergantian produk yang di tawarkan pada banner tersebut.

Untuk membuat efek image rotator dengan JavaScript biasa tentu akan sulit, namun dengan bantuan jQuery anda tidak perlu menulis banyak kode, karena efek animasi seperti fadeIn (menampilkan perlahan-lahan) dan fadeOut (menyembunyikan perlahan-lahan) sudah disediakan oleh library jQuery standar.

Selengkapnya…

Posted in JQuery, Snippets. Tagged with , , .

Create, Update dan Delete Data Master Dengan Ajax

KurangBiasaLumayanBagusLuar Biasa (9 votes, average: 4.89 out of 5)
Loading ... Loading ...
2,706 views

CRUD dengan Ajax

Proses Create, Update dan Delete (CRUD) adalah proses dasar dalam management data. Kali ini saya akan membangun proses CRUD dengan metode Ajax.

Data yang diinput adalah data karyawan, pertama-tama ciptakan dulu table karyawan dan master departement:

Selengkapnya…

Posted in JQuery, PHP, Tips & Trick. Tagged with , , , , , .

Membuat Efek Watermark Pada Image Dengan PHP

KurangBiasaLumayanBagusLuar Biasa (8 votes, average: 4.50 out of 5)
Loading ... Loading ...
1,497 views

Efek watermark pada image adalah suatu teknik penandaan pada image dengan membubuhkan tulisan diatas image tersebut. Biasanya cara ini digunakan oleh orang-orang yang gambar hasil karyanya yang dipajang pada suatu halaman website tidak mau diambil dan di klaim kepemilikannya oleh orang lain. Dengan software editing image sederhana pun untuk menambahkan tulisan pada image adalah hal yang mudah, namun tentunya ini tidak praktis apabila di website anda ada ratusan gambar yang akan dipajang, apakah anda ingin membubuhkan satu per satu gambar tersebut?

PHP merupakan solusi tepat untuk membantu anda dalam membubuhkan tulisan pada gambar anda tanpa ada bantuan dari software editing karena library PHP untuk manipulasi image (PHP GD) dapat melakukannya dengan script yang sederhana. File PHP yang berisi script PHP GD akan otomatis men-generate image anda plus tulisan yang anda inginkan.

Selengkapnya…

Posted in PHP, Tips & Trick. Tagged with , , .