Cara Menampilkan Dialog Konfirmasi Hapus Data Di Url Ahref Javascript

Tanggal : 08 Sep 2018, Category : Belajar 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

Manipulasi String Php

Date : 19 Sep 2018, Category : Tutorial, Create By : admin

String dalam php adalah sebuah type data yang berisi text, kalimat atau kumpulan dari beberapa simbol dan karakter yang menjadi kesatuan. String dalam pembuatan aplikasi sadar tidak sadar pasti kita .....

Mengenal Fungsi Echo Php

Date : 27 Dec 2018, Category : Tutorial, Create By : admin

Bagi kalian yang sudah masuk kedalam dunia pemprograman php pasti tidak asing lagi dan bahkan sering sekali menggunakan fungsi echo ini, akan tetapi bagi yang baru terjun di dunai pemprograman .....

Membuat Database Mysql

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

Tentunya setiap aplikasi yang bersifat dinamis memerlukan adanya database sebagai penyimpan data - data website yang nantinya akan di tampilkan di dalam halaman situs website. Di dalam sebuah database memliki Tabel, .....