Monday, March 27, 2017

Membuat Konfirmasi Hapus Dengan Modal Bootstrap PHP, HTML, JavaScript

Selemat sore..
Pada postingan sebelumnya kita sudah membahas cara menyimpan dan menampilkan data dengan mysqli, bagi yang belum membacanya bisa dilihat dibawah ini
Menyimpan Data ke Database Mysql PHP, Mysqli, HTML, CSS, Bootsrap, Js, JavaScript, jQuery
Menampilkan Data Dari Database Mysql ke Table DataTables Mysqli, PHP, HTML, CSS, JavaScript, Bootstrap
Edit atau Update Data ke Database Mysql pada PHP Mysqli Bootstrap
Pada kesempatan kali ini kita akan membahas tentang bagaimana membuat konfirmasi hapus dengan modal bootstrap.. untuk penampakan nya bisa dilihat pada gambar dibawah ini.
Konfirmasi hapus dengan modal bootstrap
 Langsung saja yang pertama kita letakkan source code modal bootstrap di paling bawah, tepat diatas source code untuk memanggil javascrip agar tidak menggangu code program yang lain..
untuk source kode lengkapnya bisa dilihat pada code berikut..
langkah berikutnya yaitu kita akan membuat kode javascript dan berinama hapus.js dan letakkan dalam folder js..
kemudian kita buat file proses hapus dan beri nama data_del.php
berikut source code nya..
jadi alur kode nya yaitu ketika kita klik tombol hapus maka akan diarahkan ke file hapus.js dan kemudian file hapus.js mengarahkan ke file data_del.php untuk diproses atau dihapus..

untuk lebih jelasnya bisa download source code nya dibawah ini
https://drive.google.com/open?id=0B09T-Ze9723xYmMwVUR2emg4X2s


EmoticonEmoticon