Membuat Alert Boostrap pada Codeigniter begini caranya. Bootstrap menyediakan fitur alert sehingga apabila kita membuat sebuah pesan pada suatu fungsi di web.
maka alert itu akan muncul sebagai informasi pemberitahuan bahwa fungsi tersebut berhasil di jalankan atau gagal di jalankan.
Selain alert Bootstrap di gunakan untuk pesan fungsi berhasil atau gagal, alert bootstrap juga bisa di gunakan untuk menayampaian pesan yang di inginkan.
Tertarik untuk mepejalari Framework Bootstrap ? simak tutorial berikut untuk mempelajari penggunaan Alert pada Bootstrap.
Tutorial ini merupakan tutorial berkelanjutan, untuk melihat daftar isi silahkan baca artikel : Tutorial Pembuatan Apliakasi PPDB Online Berbasis Web ( Lihat Artikel )
Dalam penggunaanya sendiri, alert bootstrap sangat mudah untuk digunakan. kita cukup memanggil nama classnya di dalam attribute tag div html lalu alert tersebut akan muncul di web browser.
Ada beberapa fungsi alert di bootstrap diantaranya : alert-success, alert-info, alert-warning, alert-danger. berikut penjelasan mengenai alert pada bootstrap :
Penjelasan Pesan Alert Bootstrap
 |
| Membuat Alert Boostrap pada Codeigniter |
- alert-success
dengan menggunakan class alert-success anda bisa membuat sebuah alert dengan background berwarna hijau.sesuai dengan namanya, biasanya alert-success digunakan untuk membuat pesan sukses, contoh penggunaan : di sebuah halaman web dengan menggunakan bootstrap ada form registrasi akun.ketika kita berhasil mendafarkan akun, maka alert sukses akan muncul di web tersebut. - alert-info
dengan menggunakan class alert-success anda bisa membuat sebuah alert dengan background berwarna biru.sesuai dengan namanya, biasanya alert-success digunakan untuk membuat pesan informasicontoh penggunaan : halaman web dengan menggunakan bootstrap ketika ada sebuah informasi, maka alert-info akan muncul di web tersebut. - alert-warning
dengan menggunakan class alert-success anda bisa membuat sebuah alert dengan background berwarna kuing. sesuai dengan namnya, biasanya alert-warning digunakan untuk membuat pesan peringatan.contoh penggunaan : di halaman web dengan menggunakan bootstrap ada form login, jika pengguna web tersebut gagal login 3 x, maka alert-warning akan muncul sebagai pesan peringatan pemblokiran akun. - alert-danger
dengan menggunakan class alert-success anda bisa membuat sebuah alert dengan background berwarna merah. biasanya alert-danger digunakan untuk pesan gagal.contoh : di halaman web dengan menggunakan bootstrap ada form pengisian data.
jika data tersebut tidak valid maka pesan alert-danger akan muncul di web tersebut.
Membuat Alert Boostrap pada Codeigniter
- Pembuatan View
-
- Buatlah folder baru didalam application/views berinama folder tersebut dengan nama “alert”
- Buatlah sebuah file view di direktori application/views/alert/ namai dan simpan view tersebut dengan nama berhasil_simpan.php (alert berfungsi menampilkan pesan jika data berhasil di simpan ke daabase)
- Masukan script di bawah ini kedalam file berhasil_simpan.php lalu simpan
<div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> <strong>Sukses !</strong> Data Berhasil Disimpan ... </div> - Buatlah sebuah file view di direktori application/views/alert/ namai dan simpan view tersebut dengan nama berhasil_edit.php (alert berfungsi menampilkan pesan jika data berhasil di perbaharui)
- Masukan script di bawah ini kedalam file berhasil_edit.php lalu simpan
<div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> <strong>Sukses !</strong> Data Berhasil Diperbaharui ... </div> - Buatlah sebuah file view di direktori application/views/alert/ namai dan simpan view tersebut dengan nama berhasil_hapus.php (alert berfungsi menampilkan pesan jika data di database berhasil di hapus)
- Masukan script di bawah ini kedalam file berhasil_hapus.php lalu simpan
<div class="alert alert-success alert-dismissible" role="alert"> <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">×</span> </button> <strong>Sukses !</strong> Data Berhasil Dihapus ... </div>
Baca juga artikel terkait :
- Pembuatan Database Aplikasi PPDB Online menggunakan MySQL di PhpMyAdmin
- Pembuatan Direktori Web Codeigniter di XAMPP
- Konfigurasi Koneksi Database MySQL dan Codeigniter
- Menghilangkan index.php pada Codeigniter
- Konfigurasi Base URL pada Codeigniter
- Membuat Assets Template Bootstrap pada Codeigniter
- Membuat Halaman Awal Dinamis di Codeiniter
- Membuat Halaman Register / Pendaftaran di Codeigniter
- Login Multi User Codeigniter
- Membuat Logout di Codeigniter
- Membuat Halaman Admin / Dashboard Codeigniter
- Membuat (CRUD) Create, Read, Update, Delete Data pada Codeigniter
- Membuat Alert Boostrap pada Codeigniter
Demikian tutorial Pemembuatan Alert Boostrap pada Codeigniter jika anda mengalami kendala atau error anda bisa bertanya di kolom komentar.
Semoga tutorial ini bermanfaat bagi anda yang sedang belajar pemrograman php khususnya Framework Codeigniter, dan apabila anda menyukai tutorial ini, silahkan untuk berlangganan artikel secara gratis dan anda dapat membagikan artikel ini di akun sosial media milik anda.
lol
Terimakasih atas kunjungannya di blog kami
[…] Membuat Alert Boostrap pada Codeigniter […]
[…] Front-End Framework : Bootstrap (Html, Css dan Javascript siap pakai) […]