Tag -Javascript

Menampilkan menu beserta sub-menu pada Apricot CMS menggunakan Bootstrap dan CSSmenumaker

Menampilkan menu beserta sub-menu pada Apricot CMS menggunakan Bootstrap dan CSSmenumaker

  May 11,2016   Sandro Brayen   Dibaca 4850 kali Javascript codeigniter CMS
Pada tutorial kita kali ini, kita akan belajar cara membuat menu beserta sub menunya pada tema Apricot CMS.      Nah pada tutorial pertama, kita sudah bisa menampilkan semua daftar menu beserta sub menunya tapi hanya masih berbentuk raw HTML list. Namun pada tutorial kali ini kita akan membuat menu yang 100% sudah jadi.       Pada pembuatan menu kali ini, kita akan membuat 2 menu. Yang satu menggunakan Cssmenumaker dan yang satunya menggunakan Bootstrap.Kelebihan dari cssmenumaker dibandingkan dengan bootstrap, cssmenumaker relative lebih mudah dibuat dan support multilevel sub menu  . Sedangkan pada bootstrap, hanya mendukung beberapa level sub menu saja dan konfigurasinya agak…
Tutorial pagination server side (Ajax) pada DataTable

Tutorial pagination server side (Ajax) pada DataTable

  May 09,2016   Sandro Brayen   Dibaca 12806 kali Javascript ajax codeigniter
Hai semuanya, selamat datang ditutorial pada kali ini.     Kali kita akan belajar cara menggunakan pagination menggunakan DataTable dan tentunya server side (Ajax).     Siapa sih yang gak kenal DataTable? Saat ini hampir semua aplikasi yang memiliki data data yang dimuat didalam table, pasti pada tablenya menggunakan DataTable.     Dengan DataTable, table akan lebih user friendly, rapi karena disediakan fitur fitur menarik seperti seach field dan pagination.   Lalu apa bedanya pagination client side dan server side?     Pada pagination client side, semua data akan muat terlebih dahulu oleh browser, dan setelah semua data telah dimuat, barulah dipisahkan…
Tutorial upload multiple foto dengan ajax dan Codeigniter (Dropzone.js)

Tutorial upload multiple foto dengan ajax dan Codeigniter (Dropzone.js)

  May 02,2016   Sandro Brayen   Dibaca 13187 kali Javascript ajax codeigniter
Selamat datang pada tutorial hari ini.       Kali ini saya mau membagikan panduan gimana caranya melakukan upload banyak foto sekaligus dengan menggunakan framework Codeigniter, dan tentunya proses uploadnya melalui ajax.     Btw alasan saya membuat tutorial ini adalah dikarenakan sejak pertama kali saya publish Apricot CMS, saya banyak menerima pesan masuk dari teman teman yang sebagian besar menanyakan tentang komponen kompenen didalamnya.     Dan salah satu yang sering ditanyakan adalah tentang fitur drag dan drop upload gambar yang ada pada halaman admin Apricot CMS.      Contoh area upload pada yang ada pada halaman administrator…
Panduan membuat Live CRUD dengan Codeigniter dan Ajax

Panduan membuat Live CRUD dengan Codeigniter dan Ajax

  April 26,2016   Sandro Brayen   Dibaca 33158 kali Javascript
Jumpa lagi dengan artikel tutorial hari ini.   Hari ini saya akan membagikan tutorial dengan framework codeigniter cara membuat model live CRUD (create,read,update,delete) didalam table. Kata live disini maksudnya adalah, saat kita melakukan penambahan atau perubahan data pada table atau didalam sel table,hanya dengan menekan tombol 'Enter' maka semua data yang kita tambahkan/ubah akan langsung dikirim dan diupdate ke database tanpa perlu mereload halaman. Semua request akan dilakukan dengan Ajax. Pada proses delete, akan muncul dialog konfirmasi untuk memastikan agar tidak mengalami penghapusan data secara tidak sengaja. Dialog konfirmasi ini menggunakan plugin sweetalert  …
Membuat select (combo box) dinamis dengan Ajax dan Codeigniter

Membuat select (combo box) dinamis dengan Ajax dan Codeigniter

  April 23,2016   Sandro Brayen   Dibaca 34613 kali Javascript
Apa kabar semuanya, semoga dalam keadaan sehat dan baik baik saja. Pada artikel kali ini saya akan membagikan tutorial cara membuat menu select (combo box) dinamis menggunakan ajax dan php.   1. Intro   Kita tau bersama bahwa menu select atau combo box sangat diperlukan didalam membuat aplikasi. Bukan hanya sebagai pelengkap saja, melainkan menu select sudah merupakan sebuah kebutuhan didalam setiap form inputan.   Selain 'input', select juga pasti akan anda jumpai pada setiap form yang berhubungan dengan registrasi, survei, kuis, maupun form administratif lainnya. Maka dari itu setiap programmer diharuskan dan wajib tau penggunaan menu ini, dan yang…