Untitled

<?php
    include('libraries/config.php');
?>
<!DOCTYPE HTML>
<html>
<head>
    <title>Negara</title>
    <script src="jquery/jquery-2.0.2.js"></script>
    <script>

        function hapus(kode_jabatan){ //Fungsi untuk menghapus data
            if (confirm("Yakin mau menghapus ?")){
                $.ajax({
                    type:"POST", //tipe request
                    url:"jabatan_hapus.php", //url tujuan
                    data:'kode_jabatan='+kode_jabatan, //data yang dikirim
                    success:function(data){ //jika
                        window.location.reload();
                }
            });
            }
        }

        function edit(kode_jabatan,nama_jabatan){ //Fungsi untuk edit data
            /*mengambil value dari form*/
            $('#kode_jabatan').val(kode_jabatan);
            $('#nama_jabatan').val(nama_jabatan);

            $("#aksi").val("edit");

            $("#formku").slideDown(); //menampilkan form
        }

        $(document).ready(function(){
            $('#formku').css('display', 'none');

                $('#tambah').click(function(){
                    $('#formku').toggle(1000);

                });


            $("button").click(function(){ //untuk menampilkan form saat penambahan data
                $("#formku").show(1000);

                /*mengosongkan seluruh form input*/
                $('#kode_jabatan').val('');
                $('#nama_jabatan').val('');

            });

            $("#batal").click(function(){ //jika tombol batal diteka maka form akan disembunyikan
                $("#formku").hide(1000);
            });


            $("#simpan").click(function(){ //untuk proses penyimpanan data

                var kode_jabatan = $('#kode_jabatan').val();
                var nama_jabatan = $('#nama_jabatan').val();
                var aksi = $('#aksi').val(); //mengirimkan aksi yang dilakukan

                    $.ajax({
                        type:"POST",
                        url:"jabatan_kelola.php",
                        data:'aksi='+aksi+'&kode_jabatan='+kode_jabatan+'&nama_jabatan='+nama_jabatan,
                        success:function(data){
                            $("#formku").hide(1000); //menyembunyikan form
                            window.location.reload(); //untuk reload halaman
                        }
                    });


            });

        });
    </script>
    <link rel="stylesheet" href="style.css"/>
</head>
<body>
<?php

    $query = "SELECT * FROM jabatan";
    $hasil = mysqli_query($db,$query);
    $jumlah_data = mysqli_num_rows($hasil);
?>
    <h2>Negara</h2>

    <button>Tambah Data</button>

    <form id="formku" method="post">
        <label> Kode Jabatan </label><br/>
        <input type="text" name="kode_jabatan" id="kode_jabatan" /><br/>
        <label> Nama Jabatan </label><br/>
        <input type="text" name="nama_jabatan" id="nama_jabatan" /><br/>

        <input id='aksi' name='aksi' type='hidden' value='tambah'/>
        <input id='simpan' class="btn_form" name='simpan' type='button' value='Simpan'/>
        <input id='batal' class="btn_form" name='batal' type='reset' value='Batal'/>
    </form>

    <br/><br/>
    <form name="table_data" method="post" >
    <table id="tabelku" border="1px">
        <tr>
            <td> Kode Jabatan </td>
            <td> Nama Jabatan </td>
            <td> Aksi </td>

        </tr>
<?php
    while($data = mysqli_fetch_array($hasil)){
        $kode = $data['kode_jabatan'];
        $nama = $data['nama_jabatan'];
    ?>
        <tr>
            <td><?php echo $kode; ?></td>
            <td><?php echo $nama; ?></td>
            <td>
                <a href='#' onclick='edit(<?php echo $kode; ?>,"<?php echo $nama; ?>")'>Edit</a>
                <a href='#' onclick='hapus("<?php echo $kode;?>")'>Hapus</a>
            </td>
        </tr>
    <?php } ?>
</form>
</body>
</html>