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

Aturan Dalam Penulisan Script Php Dan Script Php Yang Sering Di Gunakan

Date : 31 Jul 2018, Category : Pemprograman Website, Create By : admin

Selamat datang di website gudangilmuaplikasi.com, untuk memulai dalam belajar pemprograman PHP, anda harus memahami dan mengenal script dalam php yang nantinya akan sering anda gunakan dalam pembuatan aplikasi berbasis website dengan .....

Cara Membuat Tabel Html

Date : 13 Aug 2018, Category : HTML, Create By : admin

Dalam membuat aplikasi berbasis website nantinya kita akan membutuhkan tampilan seperti tabel, untuk menampilkan data dari database, html menyediakan tag untuk membuatnya, yaitu dengan menggunakan tag html Table,. Dalam artikel ini kita .....

Update Centos 7

Date : 02 Oct 2018, Category : Server, Create By : admin

Selamat datang di wesbite gudang ilmu aplikasi, kali ini kita akan membasah mengenai bagaimana cara update atau memperbaharui server centos 7, pembaharuan operating system dalam server aplikasi sangat di butuhkan .....