View

Cara Membuat Bar Chart dengan jQuery dan CSS

Bar Chart adalah grafik yang mewakili data kelompok dengan chart vertikal atau horizontal. Pada dasarnya, Bar Chart digunakan untuk menunjukkan perbandingan yang mudah dimengerti. Bar Chart membantu membuat aplikasi web lebih user-friendly. Untuk menunjukkan perbandingan data antar kategori dalam persentase, Bar Chart adalah pilihan yang tepat.

Dalam tutorial ini, saya akan

View

Cara Membuat Form Bootstrap Modal Popup dengan Ajax & PHP

Kalau kamu saat ini menggunakan framework Twitter Bootstrap pada websitemu, ini malah lebih mudah lagi untuk mengintegrasikan Modal Popup ke website. Bootstrap membantu kita untuk menambahkan popup ke tombol atau link tanpa menggunakan kode JavaScript tambahan. Juga, dengan menggunakan Bootstrap, kita dapat membuat form HTML yang dirancang dengan baik dalam

View

Cara Aktifkan dan mengnonaktifkan tombol keyboard dengan JavaScript

 

Dalam tutorial ini saya akan menunjukkan cara untuk mengaktifkan dan menonaktifkan tombol keyboard menggunakan JavaScript. Pengguna dapat menonaktifkan dan mengaktifkan semua tombol yang diketik pada keyboard dengan mengklik tombol aktifkan dan nonaktifkan.

Untuk mengaktifkan dan menonaktifkan tombol keyboard hanya dibutuhkan satu langkah:

  1. Membuat file HTML dan tentukan markup, scripting dan styling

Silahkan

View

Cara Memuat data saat menggulir halaman dengan jQuery PHP dan MySQL

Ketika kita memiliki record data yang banyak yang ditampilkan pada halaman, kita menggunakan paginasi untuk menampilkan hanya beberapa data saat memuat halaman dan tampilan berikutnya beberapa data pada setiap klik berikutnya. Kamu dapat mengganti paginasi biasa tersebut dengan fitur yang lebih user friendly untuk memuat data yang dinamis pada halaman

View

Cara Membuat galeri gambar dengan PHP, jQuery & MySQL

Galeri gambar adalah fitur yang sangat umum untuk aplikasi web. Galeri gambar atau galeri foto adalah cara yang efisien untuk memperlihatkan serangkaian gambar. Galeri gambar memungkinkan pengguna untuk mengakses semua gambar dari seluruh situs dalam satu tempat. Jika kamu ingin menerapkan galeri gambar di website, tutorial ini akan membantumu untuk

View

Cara Menghapus banyak record dengan checkbox menggunakan jQuery, PHP dan MySQL

Menghapus record satu per satu sangat memakan waktu ketika ada terlalu banyak record. Kamu dapat membuatnya lebih user friendly dengan memungkinkan pengguna untuk menghapus banyak record hanya dengan satu klik. Kamu dapat menambahkan checkbox dengan masing-masing record dan memungkinkan untuk memilih checkbox dan kemudian mengimplementasikan fungsi untuk menghapus beberapa record

View

Cara validasi ekstensi file dengan JavaScript

Memvalidasi ekstensi file sebelum meng-upload ke server adalah wajib saat mengupload file di aplikasi web. Ini membantu untuk memastikan bahwa pengguna telah memilih tipe file yang tepat dari file yang akan diunggah. Validasi client-side lebih user-friendly daripada server-side. Ini akan ada baiknya untuk memvalidasi tipe file sebelum dikirim untuk diupload.

View

Menambahkan efek zoom pada gambar dengan CSS dan jQuery

Ada banyak plugin yang tersedia untuk menambahkan efek khusus pada gambar ketika kursor bergerak di atas gambar (meng-hover gambar). Semua dari plugin tersebut menyertakan banyak kode di halaman web yang mungkin berpengaruh pada kecepatan halaman saat dimuat (lemot). Apabila kamu ingin menggunakan lebih sedikit kode dan menghindari masalah lemot tersebut,

View

Mengexport data tabel HTML ke CSV menggunakan Javascript

Fitur export sangat berguna pada daftar data dalam aplikasi web. Ini membantu pengguna untuk men-download daftar data sebagai format file untuk digunakan secara offline. Dalam aplikasi web, CSV adalah format yang paling sering digunakan untuk mengexport data ke file. Mengekspor data ke CSV sangat mudah dan yang paling penting untuk

View

Cara Upload file Drag and Drop dengan PHP DropzoneJS

Menggunakan DropzoneJS dan PHP kita dapat menerapkan upload file drag and drop dengan mudah di aplikasi web. DropzoneJS adalah library open source yang menyediakan file upload drag’n’drop dengan preview gambar. Ini ringan, tidak tergantung pada library lainnya (seperti jQuery). DropzoneJS tidak menangani upload file ke server. Jadi, kita akan menggunakan

View

Cara Membuat validasi form menggunakan Parsley.js

Halo semua, hari ini di tutorial ini kita akan melihat Cara Memvalidasi Form Pendaftaran menggunakan Parsley.JS, Parsley adalah library JavaScript untuk validasi form. Baik ada banyak cara yang dapat kita lakukan untuk memvalidasi form web menggunakan server-side atau client-side dengan membuat kode kustom server-side/client-side yang dapat berupa JavaScript atau PHP, atau dapat

View

Cara Upload File menggunakan AJAX, jQuery dan PHP

Hari ini saya akan membuat script Ajax upload file sederhana dengan jQuery dan PHP. Kamu akan menemukan banyak plugin jQuery untuk meng-upload file atau gambar tanpa me-refresh halaman. Tetapi kalau kamu ingin mempelajari proses upload file AJAX dan membuat sendiri script upload file AJAX, tutorial ini akan membantumu.

Di sini saya