[ASK] PHP : Modal Nggak Mau Muncul

Beranda

...

Programmer Forum
[ASK] PHP : Modal Nggak Mau Muncul

nidusmays

15-02-2018 11:02

[ASK] PHP : Modal Nggak Mau Muncul

Hallo gan, ini modal ane kok nggak mau muncul yah ?
Ini ane mau buat setiap user klik tombol Edit, muncul modal yang berisi form buat edit.

kode index.php -> https://paste.ofcode.org/rhEJZ9jLvZif3WVBYjUuKn

Spoiler for index.php:

PHP Code:


<?php
include 'penghubung.php';
$mantra = "SELECT * FROM tb_anggota";
$hasil = mysqli_query($terhubung, $mantra);
 ?>
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Aplikasi Pembukuan Arisan</title>

    [removed][removed]
    [removed][removed]
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">

  </head>
  <style>
    body, th { text-align: center;}
  </style>
  <body>

    <br><br>
    <div class="container" style="width:700px;">
      <h3 align="Center">Data Anggota Arisan</h3>
      <br>
      <div class="table-responsive">
        <table class="table table-bordered">
          <tr>
            <th width="30%">Nama Anggota</th>
            <th width="18%">Lihat Data</th>
            <th width="15%">Edit Data</th>
            <th width="20%">Hapus Data</th>
          </tr>
          <?php
            while ($baris = mysqli_fetch_array($hasil)) {
            ?>
            <tr>
              <td><?php echo $baris[1]; ?></td>
              <td><input type="button" name="lihat" value="Lihat" bebasID="<?php echo $baris[0]; ?>" class="btn btn-info btn-xs lihat_data" /></td>
              <td><input type="button" name="edit" value="Edit" EditDT="<?php echo $baris[0]; ?>" class="btn btn-warning btn-xs edit_data" /></td>
              <td><input type="button" name="hapus" value="Hapus" HapusDT="" class="btn btn-danger btn-xs hapus_data" /></td>
            </tr>
            <?php
              }
             ?>
        </table>
      </div>

    </div>
  </body>
</html>

<div id="dataModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Rincian Anggota</h4>
      </div>
      <div class="modal-body" id="rincian_anggota">
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
      </div>
    </div>
  </div>
</div>

<div id="Edit_dataModal" class="modal fade">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Edit Data Anggota</h4>
      </div>
      <div class="modal-body">
        <form method="POST" id="form_edit" >
          <label>Masukkan Nama</label>
          <input type="text" name="nama" id="nama" class="form-control" />
          <br />
          <label>Masukkan Alamat</label>
          <textarea name="alamat" id="alamat" class="form-control"></textarea>
          <br />
          <label>Masukkan No. Telepon</label>
          <input type="text" name="no_telp" id="no_telp" class="form-control" />
          <br />
          <input type="hidden" name="no_arisan" id="no_arisan" />
          <input type="submit" name="masukkan" id="masukkan" value="Simpan" class="btn btn-success" />
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Tutup</button>
      </div>
    </div>
  </div>
</div>

[removed]
// untuk melihat data
  $(document).ready(function(){
    $('.lihat_data').click(function(){
      var no_arisanAGT = $(this).attr("bebasID");

        $.ajax({
          url:"pilih.php",
          method:"POST",
          data:{no_arisanAGT:no_arisanAGT},
          success:function(data){
            $('#rincian_anggota').html(data);
            $('#dataModal').modal("show");
          }
        });
    });
  });
[removed]

[removed]
// untuk mengedit data
$(document).ready(function(){
  $('.edit_data').click(function(){
    var no_arisanAGT = $(this).attr("EditDT");

      $.ajax({
        url:"ambil.php",
        method:"POST";
        data:{no_arisanAGT:no_arisanAGT},
        datatype:"json",
        success:function(data){
          $('#nama').val(data.nama);
          $('#alamat').val(data.alamat);
          $('#no_telp').val(data.no_telp);
          $('#no_arisan').val(data.EditDT);
          $('#masukkan').val("Update");
          $('#Edit_dataModal').modal("show");
        }
      });
  });
});
[removed]

Spoiler for ambil.php:

PHP Code:


<?php
include 'penghubung.php';
if (isset($_POST["no_arisanAGT"]))
{
  $mantra = "SELECT * FROM tb_anggota WHERE no_arisan = '".$_POST["no_arisanAGT"]."'";
  $hasil = mysqli_query($terhubung, $mantra);
  $baris = mysqli_fetch_array($hasil);
  echo json_encode($baris);
}
 ?>

Diubah oleh nidusmays 15-02-2018 13:16

nona212 memberi reputasi

8.7K

Kutip

Balasan

Komentar yang asik ya

Mari bergabung, dapatkan informasi dan teman baru!

Programmer Forum

20.2KThread•5KAnggota

Urutkan

Terlama

Komentar yang asik ya