Cara Menampilkan Dialog Konfirmasi Hapus Data Di Url Ahref Javascript

Tanggal : 08 Sep 2018, Category : JavaScript, Create By : admin

Konfimasi adalah hal yang penting dalam pembuatan aplikasi, karena dengan konfirmasi pengguna bisa menastikan apakan langkah yang di ambil akan di lanjutkan di kerjakan atau tidak, seperti contohnya dalam menghapys data dalam aplikasi, jika aplikasi tidak terdapat adanya pemberitahuan konfirmasi maka bisa jadi pengguna akan merasa tidak nyaman karena jika pengguna tidak sengaja menekan tombol hapus pada aplikasi padahal data itu penting maka pastinya pengguna akan kecawa.

Fungsi dari konfirmasi sendiri sangat penting apalagi ketika ingin menghapus data, dengan penggunaan konfirmasi ini di harapkan pengguna bisa memastikan langkah yang di ambil itu tepat atau tidak. 

Di artikel kali ini kami akan membahas mengenai konfirmasi url artinya ketika pengguna mengklik tag ahref atau url dalam aplikasi anda, aplikasi akan menampilkan box atau kotak pertanyaan dimana terdapat pilihan Ya atau Tidak, jika pengguna memilih tombol Ya maka akan melanjutkan link url tersebut, tetapi jika memilih tombol Tidak maka aplikasi tidak akan melanjutkan perintah link url tersebut. Disini kami akan memberikan dua contoh script penggunaan alert konfirmasi menggunakan bahsa pemprograman javascript.

Contoh Sript Pertama :

<a href="hapus.php?id=1" class="konfirmasi">Hapus Data</a>
<script type="text/javascript">
var elems = document.getElementsByClassName('konfirmasi');
var confirmIt = function (e) {
if (!confirm('Apa Anda Akan Menghapus Data?')) e.preventDefault();
};
for (var i = 0, l = elems.length; i < l; i++) {
elems[i].addEventListener('click', confirmIt, false);
}
</script>

Dari script di atas kita menggunakan javascript, untuk urlnya kita beri class="konfirmasi" untuk memberi perintah kepada script javascript di bawah, ketika url tersebut di klik maka akan menjalankan perintah menampilkan konfimasi jika ya akan melanjutkan ke ahref url, jika tidak tidak akan melanjutkan ke url

Contoh Script Kedua :

<a href="hapus.php?id=1" onclick="return confirm('Apa Anda Akan Menghapus Data?')">Hapus Data</a>

Untuk script kedua lebih sederhana di bandingkan degan script pertama anda hanya tinggal menambah onclick=return confirm otomatis akan menampilkan konfirmasi.

Mungkin cukup sekian materi konfimasi jika ada pertanyaan silahkan isi kolom komentar di bawah ini.


Keyword:
  • konfirmasi hapus
  • konfirmasi hapus ahref
  • membuat konfimasi hapus javascript

Artikel Lain

Cara Membuat Alert, Confirm Dan Prompt Dengan Javascript

Date : 11 Aug 2018, Category : JavaScript, Create By : admin

Selamat datang kembali di website gudang ilmu aplikasi, kali ini kami akan membahas tentang membuat alert, confirm dan prompt dengan javasript, fungsi dari ketiga fungsi diatas semuanya adalah untuk membuat .....

Cara Restore Database Postgres Di Local

Date : 05 Aug 2018, Category : Database, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, melanjutkan materi sebelumnya mengenai backup database kali ini kami akan membahas bagaimana cara restore file backup pg_dump yang di lakukan di server centos atau server lainya. Sebelum .....

How Use Code For On Python

Date : 13 Feb 2023, Category : Tutorial, Create By : admin

The "for" loop in Python is used to iterate over a sequence (such as a list, tuple, or string) or other iterable object and execute a block of code repeatedly .....