- Beranda
- Komunitas
- Tech
- Programmer Forum
[ASK] PHP : Modal Nggak Mau Muncul
TS
nidusmays
[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
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">×</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">×</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
1
8.7K
Kutip
12
Balasan
Komentar yang asik ya
Urutan
Terbaru
Terlama
Komentar yang asik ya
Komunitas Pilihan