Postingan lainnya
Buku Ini Koding!
Baru!
Buku ini akan jadi teman perjalanan kamu belajar sampai dapat kerjaan di dunia programming!
gimana cara bootstrap pop up dengan bootstap table biar gak komplik
<?php
include '../conn.php';
?>
<?php
include 'home.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" id="theme" href="../css/theme-default.css"/>
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../css/bootstrap.css">
<link rel="stylesheet" type="text/css" href="../assets/js/jquery-ui/jquery-ui.css">
<script type="text/javascript" src="../assets/js/jquery.js"></script>
<!-- bostrap yang ini dengan yang di dibawahhhhhhhhh -->
<script type="text/javascript" src="../assets/js/bootstrap.js"></script>
<script type="text/javascript" src="../assets/js/jquery-ui/jquery-ui.js"></script>
</head>
<body>
<div class="modal-content col-sm-12 panel-footer btn-info text-primary text-uppercase">
<div class="panel panel-default">
<div class="panel-body">
<button style="margin-bottom:20px" data-toggle="modal" data-target="#myModal" class="btn btn-info col-md-2"><span class="glyphicon glyphicon-plus"></span> New User</button>
<table class="table datatable">
<?php
echo'<thead>
<tr>
<th width="5%">No</th>
<th width="9%">ID</th>
<th width="26%">Name</th>
<th width="10%">Country</th>
<th width="7%">Loct</th>
<th width="13%">Mac Address</th>
<th width="7%">Cost</th>
<th width="8%">Month</th>
<th width="15%">Opt</th>
</tr>
</thead>';
$result1 = mysql_query("SELECT * from data");
echo'<tbody>';
while($row = mysql_fetch_array($result1))
{
echo'<tr>';
echo'<form action="" method="">';
echo "<td>" .$row["id"]. "</td>";
echo "<td>" .$row["nik"]. "</td>";
echo "<td>" .$row["nama"]. "</td>";
echo "<td>" .$row["negara"]. "</td>";
echo "<td>" .$row["area"]. "</td>";
echo "<td>" .$row["mac"]. "</td>";
echo "<td>" .$row["harga"].",sr". "</td>";
echo "<td>" .$row["tagihan"]. "</td>";
echo "<td> <a href='edit.php?id=".$row['id']."'><img src='../image/edit.png' width='30' height='30'></a>
<a href='delete.php?id=".$row['id']."'><img src='../image/delete.jpg' width='30' height='30'></a></td>";
echo ' </form>';
echo'</tr>';
}
echo'</tbody>';
?>
</table>
</div>
</div>
</div>
<!-- modal input -->
<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">Register</h4>
</div>
<div class="modal-body">
<form method="post" id="dataip">
<div class="form-group">
<label>Name</label>
<input name="nama" type="text" class="form-control" placeholder="Id.user ..">
</div>
<div class="form-group">
<label>Country</label>
<input name="jenis" type="text" class="form-control" placeholder="Country user ..">
</div>
<div class="form-group">
<label>Building</label>
<input name="suplier" type="text" class="form-control" placeholder="Building ..">
</div>
<div class="form-group">
<label>Cost/month</label>
<input name="modal" type="text" class="form-control" placeholder="value_cost">
</div>
<div class="form-group">
<label>Bill/month</label>
<input name="harga" type="text" class="form-control" placeholder="value_cost">
</div>
<div class="form-group">
<label>Order</label>
<input name="jumlah" type="text" class="form-control" placeholder="value of month">
</div>
<div class="form-group">
<label>Mac_address</label>
<input name="mac" type="text" class="form-control" placeholder="value of month">
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<input type="submit" id="dataip" class="btn btn-primary" value="SPC" formaction="tmb_brg_act.php"/>
<input type="submit" id="dataip" class="btn btn-primary" value="SRC" formaction="src.php"/>
</div>
</form>
</div>
</div>
</div>
<script type="text/javascript" src="../js/plugins/jquery/jquery.min.js"></script>
<script type="text/javascript" src="../js/plugins/jquery/jquery.min.js"></script>
<!-- bostrap yang ini dengan yang di ataasssssssssssssssssssssssssssssss -->
<script type="text/javascript" src="../js/plugins/bootstrap/bootstrap.min.js"></script>
<!-- END PLUGINS -->
<!-- THIS PAGE PLUGINS -->
<script type='text/javascript' src='../js/plugins/icheck/icheck.min.js'></script>
<script type="text/javascript" src="../js/plugins/mcustomscrollbar/jquery.mCustomScrollbar.min.js"></script>
<script type="text/javascript" src="../js/plugins/datatables/jquery.dataTables.min.js"></script>
<!-- END PAGE PLUGINS -->
<!-- START TEMPLATE -->
<script type="text/javascript" src="../js/plugins.js"></script>
<script type="text/javascript" src="../js/actions.js"></script>
<!-- END TEMPLATE -->
<!-- END SCRIPTS -->
<tr>
<th>
<?php
include 'foot.php';
?>
</th>
</tr>
</body>
</html>
0
7 Jawaban:
form pop up nya bisa keluar cuman gak bisa digunakan gelap gitu
0
di komputer saya baik2 saja, tapi saya pasang bootstrap langsung dari CDN_nya, mungkin ada salah path ke bootstrap local oleh karena itu coba di tes dengan bootstrap yang di broadcast live dari CDN-nya. coba pasang ketiga baris berikut di header.
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
0
gimana gan klo team viewer alnya baru belajar jd kurang mengerti
0
popnya cukup jelas di komputer saya, coba lihat di
0
kalo yang ini di buang jalan gan pop up nya
0