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 Deposit Di Binary Option

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

Selamat datang di website gudangilmuaplikasi.com, kali ini kami akan membahas tentang bagaimana cara deposit di binary option, sebelum deposit apakah anda sudah berlatih dulu dengan menggunakan akun demo, kalau belum berlatih .....

Css Colors And How To Use Them

Date : 15 Feb 2023, Category : CSS, Create By : admin

CSS colors are used to add color and style to HTML elements on a web page. Here's how to use them: You can specify a color using a named color, such .....

Membuat Format Rupiah Di Javascript

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

Selamat datang di gudang ilmu aplikasi, sebelumnya kita telah membahas cara membuat format rupiah di PHP, kali ini kami akan membahas bagainama cara membuat format rupiah pada javascript. jika di .....