Javascript Pesan Konfirmasi Sebelum Proses Hapus PHP Bootstrap

Alhamdulilah,
Setelah hampir setengah jam mencari-cari script untuk menampilkan pesan konfirmasi sebelum penghapusan data, akhirnya ketemu. Terimakasih http://stackoverflow.com.

Untuk membuat pesan konfirmasi hapus data, kita dapat menggunakan javascript:
Jalannya program:
1. Select row/data yang akan dihapus
2. Klik pada tombol tong sampah, maka muncul pesan konfirmasi
3. Jika Ok maka data dihapus, jika tidak maka tutup pesan konfirmasi kembali ke form tampil data.


untuk tombol hapus:

echo '<a href="hapususer.php?id='.$row['username'].'" onclick="return deleteconfig()"><span class="glyphicon glyphicon-trash" ></span></a>';


untuk javascriptnya dapat diletakkan di atas tag </body>

<script type="text/javascript">
        function deleteconfig(){
        var tujuan=$(this).attr('id');
        var hapusin=confirm("Apakah Anda yakin ingin menghapus data ini?");
        if(hapusin==true){
            window.location.href=tujuan;
            }
            else{
            alert("Data Batal dihapus");
            }
            return hapusin;
            }
        </script>


Script lengkapnya:
 <div id="page-wrapper">
            <div class="container-fluid">
                <!-- Page Heading -->
                <div class="row">
                    <div class="col-md-12">
                        <h3 class="page-header">
                            Data User
                        </h3>
                        <ol class="breadcrumb">
                            <li>
                                <i class="fa fa-dashboard"></i>Data Master
                            </li>
                            <li class="active">
                                <i class="fa fa-edit"></i>Data User
                            </li>
                        </ol>
                    </div>
                </div>

<div class="row">
                    <div class="col-md-12">
                     <div class="table-responsive">
                        <table class="table table-bordered table-hover table-striped">
                            <thead>
                            <tr class="info">
                            <th>No</th>
                            <th>Nama User</th>
                            <th>Nama Lengkap</th>
                            <th>Email</th>
                            <th>No Telepon</th>
                            <th>Aksi</th>
                            </tr>
                            </thead>
                            <tbody>
                            <?php
                            include 'koneksi.php';
                            $sql=mysql_query('select*from pengguna order by username DESC');
                            $no=1;
                            while($row=mysql_fetch_array($sql))
                            {
                            echo '<tr>';
                            echo '<td>'.$no.'</td>';
                            echo '<td>'.$row['username'].'</td>';
                            echo '<td>'.$row['nama_lengkap'].'</td>';
                            echo '<td>'.$row['email'].'</td>';
                            echo '<td>'.$row['no_telp'].'</td>';
                            echo '<td>';
                            echo '<a href="#" data-href="edituser.php?id='.$row['username'].'"><span class="glyphicon glyphicon-pencil"></span> </a>';
                            echo ' ';
                            echo '<a href="hapususer.php?id='.$row['username'].'" onclick="return deleteconfig()"><span class="glyphicon glyphicon-trash" ></span></a>';
                            echo '</td>';
                            echo'</tr>';
                            $no++;
                            }
                            ?>
                            <tbody>
                        </table>
                     </div>
                    </div>
                </div>
<tbody>
                        </table>
                     </div>
                    </div>
                </div>
                  
                   
            </div>
            <!-- /.container-fluid -->

        </div>
        <!-- /#page-wrapper -->

    </div>
    <!-- /#wrapper -->
    <script type="text/javascript">
        function deleteconfig(){
        var tujuan=$(this).attr('id');
        var hapusin=confirm("Apakah Anda yakin ingin menghapus data ini?");
        if(hapusin==true){
            window.location.href=tujuan;
            }
            else{
            alert("Data Batal dihapus");
            }
            return hapusin;
            }
        </script>
     </body>