[ASK] PHP : Modal Nggak Mau Muncul

Beranda
Komunitas
Tech
Programmer Forum
[ASK] PHP : Modal Nggak Mau Muncul

nidusmays

15-02-2018 04: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 06:16

nona212 memberi reputasi

8.6K

Kutip

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Urutan

Terbaru

Terlama

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Komunitas Pilihan