Postingan lainnya
Kelas Premium!
Belajar bikin website dari nol sekarang
Gunakan kupon "lebihcepat" untuk diskon 25%!
Menampilkan Data dari Tabel sesuai Value dari Tag Input
Permisi.. selamat malam semua.. saya mau numpang nanya, Bagaimana caranya supaya tabel nya menampilkan data sesuai value dari tag input? mohon bantuannya ya..
Berikut ini source code nya :
<html>
<head>
<title>Warteg Online</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="font-awesome/css/font-awesome.min.css">
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
</head>
<body>
<style>
*{
padding:0px;
margin:0px;
}
.navbar-header{
position:fixed;
height:20%;
}
.navbar-header a{
font-size:16px;
}
.col-md-9{
margin-top:-18px;
background-color:#330000;
height:92.5%;
overflow:scroll;
}
.col-md-9 table{
margin-top: 2%;
color: white;
border: 3 solid white;
}
.col-sm-4{
background-color: white;
width:280px;
height: 330px;
float:left;
padding-top: 2%;
margin-top:3%;
margin-right:3%;
}
.col-md-3{
background-color:#330000;
color:#FFFFFF;
margin-top:-18px;
padding-top:0px;
height:92.5%;
overflow:scroll;
}
.navi{
margin-left: 50%;
color: white;
margin-top: 120%;
}
</style>
<!-- Tampilan Header-->
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<p class="navbar-brand">Warteg Bahari</p>
<ul class="nav navbar-nav">
<li class="active"><a href="home_nasi.php">Nasi</a></li>
<li><a href="home_sayur.php">Sayur Mayur</a></li>
<li><a href="home_nabati.php">Lauk Nabati</a></li>
<li><a href="home_hewani.php">Lauk Hewani</a></li>
<li><a href="home_gorengan.php">Gorengan</a></li>
<li><a href="home_minuman.php">Minuman</a></li>
</ul>
</div>
</div>
</nav>
<!-- -->
<!-- Tampilan Untuk body-->
<div class="container-fluid">
<div class="row">
<div class="col-md-9">
<table>
<tr><td>No Transaksi : </td><td>2<input type="hidden" name="id_trans" value="2"></td></tr>
</table>
<!-- <form action="#" method="get"> -->
<div class="row">
<?php include 'koneksi.php';
$pilih=mysql_query("select *from daftar_menu where nm_menu LIKE 'Nasi%'")or die(mysql_error());
while($fpilih=mysql_fetch_array($pilih)){ ?>
<div class="col-sm-4">
<form action="input_menu.php" method="Post">
<input type="hidden" name="id_trans" value="2">
<input type="hidden" name="id" value="<?php echo $fpilih['id']; ?>">
<img src="gambar/<?php echo $fpilih['gambar']; ?>" style="width:250; height:145;">
<h4><b><?php echo $fpilih['nm_menu']; ?>
<input type="hidden" name="nm_menu" value="<?php echo $fpilih['nm_menu']; ?>"></b></h4>
<input type="number" name="jmlh_pesanan" value="0" width="25px" class="form-control" max="99" min="0" style="font-size: 24px; ">
<p>Rp <?php echo $fpilih['hrg_menu']; ?></p>
<input type="hidden" name="hrg_menu" value="<?php echo $fpilih['hrg_menu']; ?>">
<a href="#edit_modal" data-toggle='modal' data-id='<?php echo $fpilih['id']; ?>'><i class="btn btn-primary">Lihat Rincian</i></a>
<input type="submit" name="plh_menu" class="btn btn-success" value="Pilih Menu" style="margin-left: 0.5%;">
</form>
</div>
<?php } ?>
</div>
</div>
<!-- Untuk Modal edit -->
<div class="modal fade" id="edit_modal" role="dialog" style="background: transparent;">
<div class="modal-dialog" role="document">
<!-- Konten dari modal -->
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">×</button>
<h4 class="modal-title"><center>Detail Menu</center></h4>
<input type="hidden" value="1" name="id_trans">
</div>
<div class="modal-body">
<div class="hasil-data"></div>
</div>
</div>
</div>
</div>
<!-- Akhir Untuk modal edt -->
<div class="col-md-3">
<h3><center>Menu Saya</center></h3>
<table style="color: white;">
<tr>
<th>Nama Menu</th>
<th>Jumlah Pesanan</th>
<th>Total Harga</th>
</tr>
<?php include 'koneksi.php';
$menu=mysql_query("Select*from pesanan ");
while($fmenu=mysql_fetch_array($menu)){ ?>
<tr>
<td><?php echo $fmenu['nm_menu']; ?></td>
<td><?php echo $fmenu['jmlh_pesanan']; ?></td>
<td><?php echo $fmenu['harga']; ?></td>
</tr>
<?php } ?>
</table>
<!-- Untuk simbol navigasi -->
<div class="navi">
<a href="konfirmasi.php"><i class="fa fa-arrow-circle-right fa-5x" aria-hidden="true"></i></a>
</div>
<!-- Batas simbol navigasi -->
</div>
<script type="text/javascript">
$(document).ready(function(){
$('.data').DataTable();
});
$(document).ready(function(){
$('#edit_modal').on('show.bs.modal', function (e) {
var idx = $(e.relatedTarget).data('id');
var idt = $
//menggunakan fungsi ajax untuk pengambilan data
$.ajax({
type : 'post',
url : 'detail_menu.php',
data : {idx : idx},
success : function(data){
$('.hasil-data').html(data);//menampilkan data ke dalam modal
}
});
});
});
</script>
</body>
</html>
Dan ini adalah outputnya :
0
Belum ada Jawaban. Jadi yang pertama Jawaban
Login untuk ikut Jawaban