Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Modal tidak muncul saat button di klik
mohon bantuannya agan-agan saya membuat button yang mengarah ke modal untuk menampilkan & mengedit database, namun saat button di klik, modal tidak muncul.
anehnya apabila dikoneksikan dengan database yang lain, modalnya bekerja. mohon arahannya. terimakasih
<table>
<tr style="background-color: #DCDCDC;">
<th>NO</th>
<th>QUOTATION ID</th>
<th>CUSTOMER</th>
<th>QUOTATION DATE</th>
<th>SALES</th>
<th>STATUS</th>
<th>ACTION</th>
</tr>
<?php
include "koneksi.php";
if (isset($_POST['tgl_awal'])&& isset($_POST['tgl_akhir'])) {
$tgl_awal=date('Y-m-d', strtotime($_POST["tgl_awal"]));
$tgl_akhir=date('Y-m-d', strtotime($_POST["tgl_akhir"]));
$sql="select * from quotation where date between '".$tgl_awal."' and '".$tgl_akhir."' order by kode desc";
}elseif (isset($_POST['kata_kunci'])) {
$kata_kunci=trim($_POST['kata_kunci']);
$sql="select * from quotation where kode like '%".$kata_kunci."%' or pelanggan like '%".$kata_kunci."%' or attn like '%".$kata_kunci."%' or item like '%".$kata_kunci."%' order by kode desc";
}else {
$sql="select * from quotation order by kode desc";
}
$hasil=mysqli_query($koneksi,$sql);
$no=1;
while ($d = mysqli_fetch_array($hasil)) {
?>
<tr>
<td><?php echo $no++; ?></td>
<td><?php echo $d['kode']; ?></td>
<td><?php echo $d['pelanggan']; ?></td>
<td><?php echo date('d-M-y', strtotime($d["date"])); ?></td>
<td><?php echo $d['sales']; ?>
<?php
$status = $d['status'];
$status = (int)$status;
if($status == 1){
echo '<td style="color: green;">'. 'APPROVED'.'</td>';
}elseif($status == 2){
echo '<td style="color: red;">' .'REJECTED'. '</td>';
}else{
echo '<td style="color: orange;">' .'PENDING'. '</td>';
}
?>
<td>
<div class="btn-group" role="group" aria-label="Basic outlined example">
<?php
include "koneksi.php";
$status = $d['status'];
$status = (int)$status;
if($_SESSION['jabatan'] == 'direksi'){
if($status== 0){
echo "<button type='button' style='font-size: 12px;' class='btn btn-outline-primary btn-sm' data-bs-toggle='modal' data-bs-target='#updateQuo$d[kode]'>action</button>";
}elseif($status== 1){
echo "<button type='button' style='font-size: 12px;' class='btn btn-outline-primary btn-sm' data-bs-toggle='modal' data-bs-target='#updateQuo$d[kode]'>action</button>";
echo "<a href='quo_print.php?kode=$d[kode]' target='_blank' style='font-size: 12px;' class='btn btn-outline-primary btn-sm'><span class='fa fa-download'></span> Download</a>";
}else{
echo "<button type='button' style='font-size: 12px;' class='btn btn-outline-primary btn-sm' data-bs-toggle='modal' data-bs-target='#updateQuo$d[kode]'>action</button>";
}
}elseif($_SESSION['jabatan'] !== 'direksi'){
if($status== 1){
echo "<a href='quo_print.php?kode=$d[kode]' target='_blank' style='font-size: 12px;' class='btn btn-outline-primary btn-sm'><span class='fa fa-download'></span> Download</a>";
}else{
echo "";
}
}else{
echo "";
}
?>
</div>
</td>
</tr>
<!-- Modal Sampel Update -->
<div class="modal fade" id="updateQuo<?php echo $d['kode']; ?>" tabindex="-1" aria-labelledby="updateQuo" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="updateQuo">Update Status</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
<form method="post" action="quo_update_aksi.php" class="row g-3">
<div class="col-md-6">
<label>Quotation Date</label>
<input type="hidden" name="kode" value="<?php echo $d['kode']; ?>">
<input type="date" name="date" class="form-control" required="required" value="<?php echo $d['date']; ?>"/>
</div>
<div class="col-md-6">
<label>Sales</label>
<input type="text" name="sales" class="form-control" required="required" value="<?php echo $d['sales']; ?>" readonly/>
</div>
<div class="col-md-6">
<label>Customer Name</label>
<input type="text" name="customer" class="form-control" required="required" value="<?php echo $d['customer']; ?>" readonly/>
</div>
<div class="col-md-12">
<label>STATUS</label>
<select name="status" class="form-select" required aria-label=".form-select-lg example">
<option disabled selected><?php echo $d['status']; ?></option>
<?php
include "koneksi.php";
if($_SESSION['jabatan'] == 'direksi'){
if($d['status']==0){
echo "<option value='1' style='color: blue;'>APPROVED</option>";
echo "<option value='0' style='color: red;'>REJECTED</option>";
}else{
echo "<option value='' ></option>";
}
}else{
echo "<option value='' ></option>";
}
?>
</select>
</div>
<div class="form-group">
<label>Remarks</label>
<input type="text" name="remarks" class="form-control" value="<?php echo $d['remarks']; ?>"/>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
<button type="submit" name="submit" class="btn btn-primary">Save changes</button>
</div>
</form>
</div>
</div>
</div>
</div>
<?php
}
?>
</table>
Tanggapan
coba cek di inspect element terus console lognya, ada error apa
1 Jawaban:
<div>Dari pengalaman saya soal modal tidak muncul bisa terjadi karena berikut :<br>1. Load file pendukung css dan js tidak di load atau bisa juga salah ketik urlnya.<br>2. Atribut data-target di tombol tidak singkron dengan id di modal target.<br>3. Belum diinisialisasi modalnya.<br>4. Salah menginisialisasi selektor untuk modal.<br>5. Terkadang browser masih meload file js versi lama kita, harus hapus cookie browser dulu min untuk 1 jam yang lalu.</div>