Javascript Konfirmasi Delete

Misalkan dalam kode program anda isinya menampilkan baris data yang ditampilkan dalam table, pada akhir kolom akan disediakan hyperlink untuk menghapus data, sebelum dihapus akan muncul window popup javascript untuk verifikasi apakah yakin datanya akan dihapus , jika menekan tombol OK maka request data untuk hapus akan diproses, jika tidak data tidak jadi dihapus.

Ketika tombol hapus ditekan akan muncul window popup konfirmasi seperti berikut ini :

Berikut skrip kode programnya

  1. Buat javascript fungsi untuk menampilkan window popup konfirmasi, letakan diawal program.
  2. 
    <script>
    function hapusBarang(pesan) {
     if (confirm(pesan)) {
     return true;
     }
     else {
     return false;
     }
    }
    </script>
    
  3. Panggil javascript fungsi lewat hyperlink Hapus ( gambar icon hapus )

</p>
<p style="text-align: left;"><table border="1" width="100%" cellspacing="2" cellpadding="2">
 <thead>
 <tr>
 <th>#</th>
 <th>Kode</th>
 <th>Nama</th>
 <th>Qty</th>
 <th>Min Qty</th>
 <th>Harga Beli</th>
 <th>Kategori</th>
 <th>Hapus</th>
 </tr>
 </thead>

<?php
$nomor_urut = 1;
foreach ($rs_barang as $row){
 echo    '<tr>
 <td>'.$nomor_urut.'</td>
 <td>'.$row['kode'].'</td>
 <td>'.$row['nama'].'</td>
 <td>'.$row['qty'].'</td>
 <td>'.$row['min_qty'].'</td>
 <td>'.$row['harga_beli'].'</td>
 <td>'.$row['kode'].'</td>
 <td><a href="hapus.php?idbrg=2" onclick="return hapusBarang(\'Data Barang '.$row['nama'].' Yakin mau dihapus ?? \')"><img src="images/del.jpg" alt="hapus"/></a></td>
 </tr>';
 $nomor_urut++;
 }
 ?>
</table>

Post a Response