Membuat Tombol Konfirmasi Hapus Dengan Sweetalert
Salam semua sobat ngodingpak, kali ini aku akan membagikan tutor membuat tombol konfirmasi hapus dengan sweetalert
SweetAlert yakni plugin yang me replace tampilan bawaan dari alert orisinil javascript, niscaya pada tau kan alert javascript itu apa ? itu loh yang tampilan nya kurang memuaskan. Mengapa kita ga ubah aja tampilannya sendiri ? Yang jadi permasalahannya yakni alert pada bawaan javascript sulit untuk diubah alasannya yakni alert pada javascript tidak memakai element element HTML pada umumnnya dan kita juga bakal kesulitan untuk mengubah nya. Tampilan pada alert javasript juga akan berubah ubah sesuasi dengan browser nya dan css apa yang anda gunakan.
TERUS KITA BAKAL MAKE APA ?
SweetAlert yakni jawabannya. SweetAlert akan mengubah tampilan orisinil alert javascript menjadi tampilan yang menarik dan ber animasi
CARA MENGGUNAKANNYA ?
- Downlaod dulu source code nya di https://lipis.github.io/bootstrap-sweetalert/
- Ekstrak hasil download
- Buka folder dist
- Ambil sweetalert.css dan sweetalert.min.js
- copy dan paste kan ke project yang akan kau buat, dan jangan lupa bootstrap.css dan jQuery sudah ada di project kamu
Setelah sudah dicopy kan atau diketik silahkan ganti href dengan link yang akan kau tuju
Saya akan jelaskan sedikit menganai arahan diatas
Pada baris 18 : Jika tombol maka akan menjalankan sweealert
Pada baris 19 : Akan mengambil link dari href
Pada baris 27 : Jika anda mengklik tombol OK pada alert nya maka akan menghapus data
Kamu dapat memodifikasi dengan mengganti title, text. Masih banyak pola contoh arahan pada web https://lipis.github.io/bootstrap-sweetalert/
Ok, sekian dulu tutorial dari saya. Jika anda masih gundah atau error dapat tulis di kolom komentar dan dapat menghubungi saya. Terimakasih