Integrasi bootstrap pada jquery datatable

Integrasi bootstrap pada jquery datatable Haloo selamat malam. kali ini admin akan membuat artikel tentang Integrasi bootsrap pada jquery datatable. Sebelumnya admin pernah membuat artikel tentang cara menggunakan datatable (client side), hanya saja pada artikel tersebut kita memakai template bawaan dan memakai library dari luar (cdn). nah pada kesempatan kali ini kita akan memasang framework bootstrap pada datatable. dengan cara mendownload librarynya. Berikut caranya: 1. masuk ke website datatable https://datatables.net/download/ 2. pada bagian “Step 1. Choose a styling framework” pilih bootsrap 4 3. Scroll kebawah sampai “Step 3. Pick a…

Cara menggunakan datatable ( client side )

Datatable merupakan plugin jquery untuk membuat table mempunyai fitur seperti pencarian data, sorting data, pagination dan semacamnya. datatable client side melakukan pemrosesan data hanya pada sisi client saja atau pada sisi browser, artinya semua data harus ditampilkan semua. dalam menggunakan datatable client side tidak direkomendasikan untuk jumlah row yang banyak atau row jang jumlahnya ribuan. Untuk penggunaan dengan jumlah row yang banyak admin sarankan menggunakan datatable server side karena pemrosesan data juga dilakukan di dalam backend sehingga kita tidak langsung menampilkan data sekaligus melainkan diberi batas limit dari server sebelum…

Mudah belajar jQuery Part 7

Mudah belajar jQuery Part 7 jQuery AJAX AJAX merupakan proses pertukaran data dengan server yang memperbarui bagian halaman web tanpa memuat ulang halaman lagi. Pengertian AJAX AJAX merupakan kependekan dari Asynchronous JavaScript and XML adalah tentang memuat data di layar belakang dan menampilkannya di halaman web, tanpa memuat ulang seluruh halaman. Contoh aplikasi yang menggunakan AJAX: Facebook, Youtube, Gmail, Google Maps. kita dapat meminta teks, HTML, XML, atau JSON dari server menggunakan HTTP GET dan HTTP POST – Dan kita dapat memuat data eksternal langsung ke elemen HTML yang dipilih…

Mudah belajar jQuery Part 6

jQuery Add dan Remove CSS class Untuk dapat memanipulasi style element. jQuery memiliki beberapa cara untuk manipulasi CSS, yaitu: addClass() – Menambahkan satu atau lebih class ke elemen yang dipilih removeClass() – Menghapus satu atau lebih class dari elemen yang dipilih toggleClass() – Beralih antara menambah / menghapus class dari elemen yang dipilih Contoh css yang nanti akan kita coba .penting { font-weight: bold; } .merah { color: red; } jQuery addClass() Contoh berikut menunjukkan cara menambahkan atribut kelas ke elemen yang berbeda. Tentu saja Anda dapat memilih banyak elemen,…

Mudah belajar jQuery Part 5

Mudah belajar jQuery Part 5 Dengan jquery kita dapat dengan mudah menambah dan menghapus sebuah element ada 4 cara yang dapat dilakukan dengan jquery untuk menambah element yaitu: append() – Menyisipkan konten di akhir elemen yang dipilih prepend() – Menyisipkan konten di awal elemen yang dipilih after() – Menyisipkan konten setelah elemen yang dipilih before() – Menyisipkan konten sebelum elemen yang dipilih jQuery append() jQuery append() menyisipkan konten di akhir elemen html yang dipilih. contohnya: $(“p”).append(“text ditambahkan.”); jQuery prepend() jQuery prepend() menyisipkan konten di awal elemen html yang dipilih. contohnya:…

Mudah belajar jQuery Part 4

jQuery get dan set content jQuery berisi metode untuk mengubah dan memanipulasi elemen dan atribut HTML. Salah satu bagian yang sangat penting dari jQuery adalah kemungkinan untuk memanipulasi DOM. jQuery hadir dengan banyak metode terkait DOM yang membuatnya mudah untuk mengakses dan memanipulasi elemen dan atribut. DOM = Document Object Model DOM menetapkan standar untuk mengakses dokumen HTML dan XML: “W3C Document Object Model (DOM) adalah platform dan antarmuka bahasa yang memungkinkan program dan skrip mengakses dan memperbarui konten, struktur, dan gaya dokumen secara dinamis.” 4 metode jQuery sederhana namun…

Mudah belajar jQuery part 3

jQuery event Apa itu event? Semua tindakan yang dapat direspon oleh halaman web. Suatu event mewakili suatu yang terjadi. Contoh dalam menggerakkan mouse, dalam menekan tombol, atau saat kita mengetik keyboard. Semua itu ada eventnya masing-masing Berikut ini adalah beberapa event yang umum: – Mouse event: click,dblclick,mouseenter,mouseleave – Keyboard event: Keypress,keydown,keyup – Form event: Submit,change,focus,blur – Document/windows event: Load,resize,scroll,unload Di jQuery, sebagian besar event memiliki metode jQuery yang sama. Contohnya kita tinggal memilih selector lalu diikuti titik dan nama eventnya, untuk membuat event click seperti: $(“#tombol”).click(); Ini berarti jika id…

Mudah belajar jQuery part 2

Melanjutkan tutorial artikel yang kemarin yaitu Mudah belajar jQuery part 1. Dalam pembahasan selanjutnya kita akan belajar mengenai jQuery selector yang merupakan salah satu bagian terpenting dari library jQuery. jQuery selector memungkinkan kita untuk memilih atau memanipulasi elemen html. Digunakan untuk “menemukan” (atau memilih) elemen HTML berdasarkan nama, id, kelas, jenis, atribut, nilai atribut, dan banyak lagi lainnya. Ini didasarkan pada Selektor CSS yang ada, dan di samping itu, ia memiliki beberapa penyeleksi penyesuaian sendiri. Semua selector pada jQuery dimulai dengan simbol $ kemudian diikuti tanda kurung (). $() jQuery…

Mudah Belajar jQuery part 1

Mudah Belajar jQuery part 1 jQuery merupakan library javascript untuk memudahkan developer web dalam membuat website interaktif. jQuery adalah pustaka JavaScript yang cepat, kecil, dan kaya fitur. Itu membuat hal-hal seperti memanipulasi dokumen HTML, penanganan animasi, dan Ajax jauh lebih sederhana dengan API yang mudah digunakan yang bekerja di banyak browser. Sesuai dengan slogannya yaitu write less do more. Mengetik sedikit dan lebih banyak yang dilakukan. Menambahkan jQuery kedalam halaman web Caranya yaitu dengan mendownload library jQuery dari website jQuery.com atau juga bisa melalui cdn dan langsung dipakai contohnya cdn…