Delete Record Dengan JavaScript

Menghapus record tertentu dalam suatu tabel cukup mudah. Namun, bagaimana jika diberi sentuhan sedikit dengan JavaScript agar user tahu bahwa yang akan dihapus adalah benar-benar yang record yang dimaksud. Ini dapat memudahkan user agar tidak salah dalam melakukan operasi delete/hapus.

Sebagai contoh, cobalah buat database dengan nama "butik". Kemudian, buat database seperti ini :

 CREATE TABLE `produk` (
  `id_produk` int(11) NOT NULL,
  `nama_produk` varchar(100) NOT NULL,
  `harga` decimal(10,0) NOT NULL,
  PRIMARY KEY  (`id_produk`)
 ) ENGINE=InnoDB DEFAULT CHARSET=latin1;

 INSERT INTO `produk` VALUES (1, 'Baju', 120000);
 INSERT INTO `produk` VALUES (2, 'Celana', 175000);
 INSERT INTO `produk` VALUES (3, 'Sendal', 15000);

Setelah database siap, sekarang saatnya kita mulai melakukan pemrogramannya. Ini dilakukan menggunakan PHP dan MySQL. Jadi, cukup mudah bukan?

Sebelum kita jalankan, kita harus buat koneksi ke database dulu. Buat file dengan nama connect.php

 <?php
    mysql_connect("localhost","root","") or die ("Failed connect to database");
    mysql_select_db("butik") or die ("Failed connect to database");
 ?>

Berikutnya adalah kita membuat file dengan nama index.php

 <!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>Delete Tabel Dengan Java Script</title>

 <script language="JavaScript">
    // konfirmasi menghapus record tertentu
    function konfirmasi(id)
    {
        tanya = confirm('Anda yakin ingin menghapus produk '+ id + '?');
        if (tanya == true)
            return true;
        else
            return false;
    }
 </script>

 </head>

 <body>
    <?php
        include "connect.php";
       
        $id = $_GET['id'];
        if ($id)
        {
            $query = mysql_query("DELETE FROM produk WHERE id_produk=$id");
            header("Location:".$_SERVER['PHP_SELF']);
        }
    ?>
 <form id="form1" name="form1" method="post" action="">
  <table width="350" border="1" align="center">
    <tr>
      <td colspan="4" align="center">Daftar Produk</td>
    </tr>
    <tr>
      <td align="center">No</td>
      <td align="center">Nama Produk</td>
      <td align="center">Harga</td>
      <td align="center">Keterangan</td>
    </tr>
    <?php
        $sql = mysql_query("SELECT * FROM produk");
    while ($row = mysql_fetch_array($sql))
    {
        $id = $row['id_produk'];
        $nama = $row['nama_produk'];
        $hrg = $row['harga'];
        $_SERVER['PHP_SELF'];
    ?>
    <tr>
      <td><?php echo $id; ?></td>
      <td><?php echo $nama; ?></td>
      <td><?php echo $hrg; ?></td>
      <td><?php echo "<a href=\"".$_SERVER['PHP_SELF']."?id=$id\" onclick=\"return konfirmasi('$id')\">Delete</a>"; ?></td>
    </tr>
    <?php
    }
    ?>
  </table>
 </form>
 </body>
 </html>

Semoga bisa bermanfaat.

Share |

Portfolio

www.wearnespc.comwww.solper.comwww.autojaya.comwww.intisolar.comsmartprint.co.idwww.ottopharm.comoliser.co.idAnd More ....

Livechat

  • Sonny
    Marketing

  • Aris G
    Support

  • Agus
    Support

  • Kurnianto
    Support

  • Eko P
    Designer

  • Andreas
    Designer

  • LiveZilla Live Help

Address

PT. Proweb Indonesia
Perkantoran Duta Merlin No F4
Jl. Gadjah Mada 3-5
Jakarta Pusat
GPS: S 6o 09' 58.1", E 106o 49' 3.3"

 

Phone : 021 - 2636 3170
    021 - 3377 0050
     
Mobile : 0856 - 9360 1378
    0812 - 806 2772
    0857 - 1586 8992
    0816 - 180 8005
     
Blackberry PIN : 23096502
     
Fax : 021 - 633 5765
     
Web : www.proweb.co.id