Postingan lainnya
Bagaimana memposisikan <?php } ?>
Permisi, mau tanya lagi gan.
saya memiliki tampilan program seperti ini
saya menggunakan code
<!-- Paket -->
<div class="tab-pane" id="paket">
<div class="row">
<?php
include 'config/connection.php';
$kd_paket = isset($_GET['kd_paket']) ? $_GET['kd_paket'] : '';
$sql = "SELECT kd_desa,kd_paket,nama_paket,harga,detail_paket FROM desa JOIN paket USING (kd_desa) WHERE kd_desa='$kd_desa'";
$query = mysqli_query($conn,$sql);
while ($data = mysqli_fetch_array($query)) {
?>
<div class="col-md-4">
<div class="panel pane-default text-center">
<div class="panel-heading">
<h4><?php echo $data['nama_paket']; ?></h4>
</div>
<div class="panel-body">
<P><?php echo $data['detail_paket']; ?></P>
/div>
<div class="panel-footer">
<h4><?php echo $data['harga']; ?></h4>
<p style="text-align: center;">Per Orang</p>
<button class="btn btn-md" data-toggle="modal" data-target="#myModal" name="booking">Booking</button>
</div>
</div>
</div>
<?php } ?>
</div>
</div>
<!-- End Paket -->
</div>
/div>
<!-- End Tab -->
</div>
</div>
<script>
$(function() {
$("#tgl_wisata" ).datepicker({
dateFormat : 'yy/mm/dd',
changeMonth: true,
changeYear: true,
minDate: "today"
});
});
</script>
<div id="myModal" class="modal fade">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title">Booking</h4>
</div>
<div class="modal-body">
<form action="proses/booking2.php" method="POST">
<input type="hidden" name="kd_paket" class="form-control" value="<?php echo $data['kd_paket'] ?>">
<div class="form-group">
<?php
$user = mysqli_query($conn,"SELECT id_user,nama_user FROM user WHERE uname='$_SESSION[uname]'");
while ($nama = mysqli_fetch_array($user)) {
?>
<input type="hidden" name="id_user" class="form-control" value="<?php echo $nama['id_user'] ?>">
<?php }
?>
</div>
<div class="form-group">
<label>Tanggal Wisata</label>
<input type="text" name="tgl_wisata" id="tgl_wisata" class="form-control" autocomplete="off">
</div>
<div class="form-group">
<label>Jumlah Orang</label>
<select name="jml_org" class="form-control">
<option value="20">20</option>
<option value="30">30</option>
<option value="40">40</option>
<option value="50">50</option>
</select>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Batal</button>
<input type="submit" name="kd_booking" class="btn btn-primary" value="simpan">
</div>
</form>
</div>
</div>
</div>
</div>
permasalahannya, ketika di klik tombol booking kan muncul modal kan ya. tapi pada modal tersebut kd_paket tidak ke tangkep. itu karena saya meletakan <?php } ?> di line ke 70 sedangkan modalnya berada diline 93 sampai seterusnya.
tapi ketika saya meletakkan <?php }?> dibawah </div> modal, tampilannya malah kacau.
dan paket yang terbaca cuma paket yang pertama.
penyelesaiannya bagaimana ya gan? mohon bantuannya. Terima kasih
6 Jawaban:
Jawaban Terpilih
Hallo.
Bagaimana jika Modalnya juga masuk ke dalam loop?
Setelah itu, ganti attribute #myModal menjadi lebih spesifik seperti ini #myModal-1 dst.
Dan pada button, data-targetnya juga diganti menjadi lebih sesuai.
Contoh:
<pre> $i=0: // loop while () {
<button class="btn btn-md" data-toggle="modal" data-target="#myModal-<?php echo $i; ?>" name="booking">Booking</button>
<div id="myModal-<?php echo $i; ?>"> class="modal fade"> <!-- isi modal --> </div>
$i++; } </pre>
Terima Kasih mas @tompradana. tapi pas dilakukan booking kok datanya ada 2 ya mas?
Hello.
Data apa yang ada dua? Oh ya, saya juga ga bisa reproduce masalahnya dimana, sekiranya ada demo atau ouput yang bisa saya coba... mungkin bisa saya jawab pertanyaan yang terakhir
udah bisa mas. maaf, mau tanya lagi mas. kenapa datepickernya cuma work di 1 satu modal ya mas? datepicker cuma muncul di paket pertama. di inspek elemen consol ga ada error.
codenya <pre> <?php include 'config/connection.php'; // $kd_desa = isset($_GET['kd_desa']) ? $_GET['kd_desa'] : ''; $i=0; $kd_paket = isset($_GET['kd_paket']) ? $_GET['kd_paket'] : ''; $sql2 = mysqli_query($conn,"SELECT * FROM paket WHERE kd_desa='$kd_desa'"); while ($data = mysqli_fetch_array($sql2)) { ?> <div class="col-md-4"> <div class="panel pane-default text-center"> <div class="panel-heading"> <h4><?php echo $data['nama_paket']; ?></h4> </div> <div class="panel-body"> <P><?php echo $data['detail_paket']; ?></P> </div> <div class="panel-footer"> <h4><?php echo $data['harga']; ?></h4> <p style="text-align: center;">Per Orang</p> <button class="btn btn-md" data-toggle="modal" data-target="#myModal-<?php echo $i; ?>" name="booking">Booking</button> </div> </div> </div> <div id="myModal-<?php echo $i; ?>" class="modal fade"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Booking</h4> </div> <div class="modal-body"> <form action="proses/booking2.php" method="POST"> <input type="hidden" name="kd_paket" class="form-control" value="<?php echo $data['kd_paket'] ?>"> <div class="form-group"> <?php $user = mysqli_query($conn,"SELECT id_user,nama_user FROM user WHERE uname='$_SESSION[uname]'"); while ($nama = mysqli_fetch_array($user)) { ?> <input type="hidden" name="id_user" class="form-control" value="<?php echo $nama['id_user'] ?>"> <?php } ?> </div> <div class="form-group"> <label>Tanggal Wisata</label> <input type="text" name="tgl_wisata" id="tgl_wisata" class="form-control" autocomplete="off"> </div> <div class="form-group"> <label>Jumlah Orang</label> <select name="jml_org" class="form-control"> <option value="20">20</option> <option value="30">30</option> <option value="40">40</option> <option value="50">50</option> </select> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Batal</button> <input type="submit" name="kd_booking" class="btn btn-primary" value="simpan"> </div> </form> </div> </div> </div> </div> <?php $i++; } ?> </div> </div> <script> $(function() { $("#tgl_wisata" ).datepicker({ dateFormat : 'yy/mm/dd', changeMonth: true, changeYear: true, minDate: "today" }); }); </script> </pre>
Itu karena selector nya pakai ID, coba ganti selector datepicker pakai class.
Jadi pada jquerynya diganti, $('.tgl_wisata')
Sedangakan pada htmlnya diganti dari id="tgl_wisata" menjadi class="tgl_wisata"