Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery

Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery

Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Mencegah Form Submit Terkirim Dua kali dengan jQuery. Dalam tutorial ini, kita akan melihat cara menghindari pengiriman duplikat menggunakan jQuery. Saat mengirimkan form melalui fungsi AJAX, halaman tidak akan di-refresh. Jadi, user interface tidak akan menunjukkan kemajuan apa pun tentang eksekusi sisi server yang terjadi. Ini akan menyebabkan duplikat formulir untuk dikirim. Untuk mengatasi masalah ini, kami menghindari pengiriman ganda menggunakan jQuery. (more…)

Membuat Responsive Datatables Secara Otomatis

Membuat Responsive Datatables Secara Otomatis

Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Membuat Responsive Datatables Secara Otomatis. Data yang responsif memungkinkan penyembunyian kolom otomatis berdasarkan ukuran viewport. Respons dapat ditambahkan dengan menetapkan class = ‘responsif’ dalam HTML atau dengan mengatur opsi responsif sebagai true ketika menginisialisasi Datatable. Penyembunyian kolom otomatis akan terjadi dari kanan secara default. Artinya, kolom paling kanan akan disembunyikan ketika lebar viewport semakin kecil. saya juga dapat menyesuaikan untuk menyembunyikan kolom tertentu dengan menentukan prioritas responsif saat memulai Datatables. Kita juga dapat menggunakan prioritas data atribut data HTML5 untuk menentukan prioritas khusus ke kolom. (more…)

Insert Inline menggunakan jQuery AJAX

Insert Inline menggunakan jQuery AJAX

Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Insert Inline menggunakan jQuery AJAX. Dalam tutorial ini, kita akan melihat bagaimana melakukan inline insert data tabel HTML5 ke tabel database menggunakan jQuery dan AJAX. HTML5 memungkinkan pengeditan sel tabel dengan men-setting atribut contentEditable sebagai true. Setelah menambahkan data ke sel tabel, kita dapat meneruskan data sel ke PHP melalui jQuery AJAX. Di halaman PHP, saya membuat insert query menggunakan data sel untuk menyimpan ke database. (more…)

Cara Membuat Tooltips dengan Bootstrap

Cara Membuat Tooltips dengan Bootstrap

Hallo sahabat dumenity berjumpa lagi dalam tutorial kursuswebdesign, pada tutorial kali ini saya akan membahas tentang Cara Membuat Tooltips dengan Bootstrap. Dalam HTML, kita dapat menambahkan atribut judul untuk suatu elemen. Teks yang ditentukan dalam atribut ini ditampilkan sebagai tooltip pada mouse di atas event. Dalam tutorial ini, kita akan membuat tooltips dengan menggunakan Bootstrap dan itu memiliki fitur tambahan yang bagus di atas tooltip standar. Saya menginisialisasi tooltip Bootstrap dengan merujuk pemilih elemen id yang mana fungsi tooltip harus dipicu. (more…)

Cara Menggunakan classList di dalam javascript

Cara Menggunakan classList di dalam javascript

ketika kita belajar sebuah website pasti kita sering menggunakan sebuah CSS, ya betul CSS sendiri di gunakan untuk membuat style di sebuah website, baik untuk memberikan warna, background, penempatan sebuah posisi elemenya, dan lain-lain, tapi itu, dan disini saya akan membuat sebuah dimana tagnya masih kosong belum saya berikan sebuah class, dan dimana saya akan menggunakan javascriptnya untuk memberikan classnya, seperti itu, oke jangan kemana-mana sesaat lagi kita akan belajar cara menggunakan classList di dalam javascript.

(more…)