Membuat Jendela Konfirmasi ketika Menghapus Data di Database

Masalah ini sebenarnya saya sendiri mengalaminya. Saya coba menampilkan data di database di browser dalam bentuk tabel. Nah, ketika itu saya ingin menambahkan field / kolom aksi untuk setiap data-nya. Aksi itu bisa berupa edit maupun delete. Namun disini saya fokuskan untuk membuat aksi delete.

Konfirmasi yang saya maksud adalah munculnya kotak / jendela konfirmasi ketika meng-klik tombol delete. Contohnya, ketika tombol delete di klik, maka muncul dialog box yang bertuliskan "Are you sure you want to delete this data?". Jika diklik OK maka data akan dihapus, dan jika diklik Cancel maka tidak jadi dihapus. Seperti itulah maksudnya. Berikut contoh screenshotnya:

Setelah saya browsing. Akhirnya saya menemukan caranya di sebuah forum. Sebenarnya caranya sangat mudah. Tinggal tambahkan javascript di bawah ini dalam tag <a>

onclick="return confirm('Apakah anda yakin akan menghapus data ini?')"

Anda bisa mengganti kalimat Apakah anda yakin akan menghapus data ini? dengan kalimat lain.

Meskipun sudah saya kasih tahu caranya seperti di atas, saya ingin membahasnya dengan cukup lengkap dari awal supaya lebih jelas. Pertama buat database. Disini saya membuat database dengan nama example. Selanjutnya buat tabel. Saya buat dengan nama contoh.

create table contoh (
id int(10) not null auto_increment,
field1 varchar(50) not null,
field2 varchar(50) not null,
primary key(id)
);

Setelah pembuatan tabel, isi tabel tersebut dengan sembarang data. Selanjutnya buat file php yang mengkoneksikan ke database. Simpan saja file tersebut dengan nama koneksi.php. Berikut script-nya:

<?php
 $host = "localhost";
 $username = "root";
 $password = "";
 $database = "example";

 $connect = mysql_connect($host,$username,$password);
 mysql_select_db($database,$connect);
?>

Kemudian buat file php yang menampilkan data dari database. Saya beri nama file tersebut dengan tampil.php. Berikut script-nya:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tampilan data</title>
</head>

<body>
<center>
<?php
include("koneksi.php");
$no = 1;
$sql="SELECT * FROM contoh";
$hasil=mysql_query($sql);

echo "<table border='1'><tr><th style='padding:5px;'>No.</th><th>Field1</th><th>Field2</th><th>Aksi</th></tr>";
if($hasil){
 while($baris=mysql_fetch_array($hasil)){
  echo"<tr><td style='padding:5px;'>".$no.".</td><td>".$baris['field1']."</td><td>".$baris['field2']."</td>";?>
  <td><a href="<?php echo "aksi.php?id=$baris[id]";?>" onclick="return confirm('Apakah anda yakin akan menghapus data ini?')">Hapus</a></td>
  <?php $no++;}
 echo "</tr></table>";
}
else {
 echo "gagal menampilkan data";
 }
?>
</center>
</body>
</html>

Nah, jika file tersebut sudah dibuat, coba buka di browser apakah data-nya bisa ditampilkan atau tidak. Jika data sudah bisa ditampilkan, maka kira-kira tampilannya seperti ini:

Pada kolom paling kanan, terdapat link dengan tulisan "Hapus". Seperti terlihat pada script, link tersebut mengarah ke aksi.php. Berikut ini adalah isi dari file aksi.php:

<?php
include "koneksi.php";

$id = $_GET['id'];
$query = "DELETE from contoh WHERE id='$id'";
mysql_query($query);
header("location:tampil.php");

?>

File aksi.php tersebut berfungsi menghapus data yang ada di database.

Selesai.. Mudah-mudahan artikel yang singkat ini bisa berguna.

Download source code : Disini

21 comments

RossanoniDecember 27, 2012 4:35 PM
Masih muda berkayar... teruskan
UnknownNovember 05, 2013 3:54 PM
Maksud dari 'id' itu apa ya kak ?

Kalau misalnya S_GET('pesan') gitu bisa tidak ?

Terima Kasih
Aji Jaka I. R.January 01, 2014 2:25 PM
nuhun kang :)
Aji Jaka I. R.January 01, 2014 2:26 PM
oya itu maksudnya ada simbol one piece di header apa kang :D
UnknownJanuary 15, 2014 7:38 PM
gan ane malah muncul
Parse error: syntax error, unexpected 'Apakah' (T_STRING), expecting ',' or ';' in
HKMKBS-YKJanuary 22, 2014 12:29 PM
@Alive Nata: Maaf, aq hanya ingin nambahkan saja kalo parse yang keluar itu berarti anda ada salah ketik dalam penulisan code nya, tolong di cek lagi.. :)
UnknownFebruary 24, 2014 11:12 PM
Artikelnya membantu gan
AnonymousNovember 19, 2014 10:36 AM
kalo pakai java script aja tidak memakai php bisa gak buat ngehapus data seperti itu?
AnonymousDecember 22, 2014 9:01 AM
sangat simple dan bermanfaat makasih om. boleh bagi linknya forumnya. ke muhammad.syaifulbahri1@gmail.com
herbalkuacemaxsFebruary 10, 2015 2:46 PM
terimakasih banyak sob, sangat membantu
AnonymousMarch 01, 2015 11:01 PM
Sangat membantu, Thanks !
UnknownMay 12, 2015 1:59 PM
tnks ya membantu sekali
UnknownJune 24, 2015 7:09 AM
izin donlot gan.. terimkasih
UnknownOctober 15, 2015 11:04 AM
terimkasih, tutornya sangat membantu
salam programer , ari :)
UnknownOctober 15, 2015 11:06 AM
terimkasih, tutornya sangat membantu
salam programer , ari :)
PeterPangNovember 29, 2015 5:21 PM
jossss, mantapp
AcadApril 22, 2016 2:59 PM
Terimakasih kang, sangat membantu :)
rheasthafaraSeptember 01, 2016 10:13 PM
Mas, klo setelah itu mau buat historis data terhapus bagaimana ya?
rheasthafaraSeptember 01, 2016 10:15 PM
Mas, klo setelah itu mau buat historis data terhapus bagaimana ya?
UnknownOctober 06, 2016 6:42 PM
Ingin beruntung seperti temen-temen kamu?

Langsung saja kamu mendaftar di AsliBandar dan rasakan permainan yang akan membuat hidupmu berwarna.

Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.

Ingin beruntung seperti temen-temen kamu?

Langsung saja kamu mendaftar di www.AsliBandar.net dan rasakan permainan yang akan membuat hidupmu berwarna.

Dengan Deposit yang terjangkau kamu berkesempatan menangkan Jackpot setiap harinya.

Untuk Info lebih lanjut silahkan menghubungi kami melalui :

Pin BB : 2B3C34F4
YM : Aslibandar_CS
Skype : AsliBandar
Telp : +855882388666
FB : AsliBandar
michele wijayaMarch 28, 2018 11:28 PM
This comment has been removed by a blog administrator.