ok
Mini Shell
<?php include("header.php"); ?>
<div class="content-wrapper" style="background-color: white;">
<div class="clearfix"></div>
<section class="content">
<div class="row">
<div class="col-xs-12">
<div>
<div class="box-header">
<h3 class="box-title"><b>Doctor's List </b></h3>
</div>
<div class="box box-info">
<div class="box-body" style="box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;">
<div class="col-lg-12">
<div id="content-div">
<form action="" enctype="multipart/form-data" method="post" id="doctor" accept-charset="utf-8">
<div class="row">
<div class="col-md-4">
<div class="form-group">
<label class="" for="doctor_name">Doctor's name</label>
<input type="text" name="doctor_name" id="doctor_name" value="" placeholder="Enter Doctor Name" class="form-control" required/>
</div>
</div>
<div class="col-md-4">
<div class="form-group">
<label class="" for="doctor_phone">Doctor's Phone Number</label>
<input type="number" name="doctor_phone" id="doctor_phone" value="" placeholder="Enter Doctor's Phone Number" class="form-control" required/>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-md-12">
<div class="box box-warning" <?=$border_style?>>
<div class="box-body table-responsive">
<div class="table-responsive">
<table id="StData" class="table table-striped table-bordered table-condensed table-hover" style="margin-bottom:5px;">
<thead>
<tr>
<td colspan="10" class="p0"><input type="text" class="form-control b0" name="search_table" id="search_table" placeholder="Search Here" style="width:100%;background-color: darkblue;color: white;"></td>
</tr>
<tr>
<th>S.No</th>
<th>Action</th>
<th>Doctor's Name</th>
<th>Doctor's Phone Number</th>
<th>Doctor's Education</th>
<th>Address</th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="10" class="dataTables_empty"><center> Loading Pls Wait Data</center></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</section>
<?php include "footer.php";?>
<script type="text/javascript">
<?php
$columns = "0, 1, 2, 3, 4, 5, 6, 7, 8";
$data_table = " var doctor_phone = $('#doctor_phone').val();
var doctor_name = $('#doctor_name').val();
var search_table = $('#search_table').val();
var table = $('#StData').DataTable({
'ajax' : {
url: 'data-tables/doctor_list.php',
data:{doctor_phone:doctor_phone,doctor_name:doctor_name,search:search_table},
type: 'POST'},
bFilter: true,
bDestroy: true,
searching: true,pageLength: 10,
'buttons': []
});";
?>
$(document).ready(function() {
get_data();
function get_data(){
<?=$data_table?>
}
$('#doctor_name').change(function() {
get_data();
});
$('#doctor_phone').change(function() {
get_data();
});
$('#search_table').keyup(function() {
get_data();
document.getElementById("search_table").focus();
});
});
</script>
Zerion Mini Shell 1.0