system: Linux mars.sprixweb.com 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64

cmd: 

<script type="text/javascript" language="javascript" >
			$(document).ready(function() {
				var dataTable = $('#employee-grid').DataTable( {
					"dom": '<"top">rt<"left"i><"toolbar"p>',
					"processing": true,
					"serverSide": true,
					"ajax":{
						url :"?do=members&action=getmemberslist", // json datasource
						type: "post",  // method  , by default get
						error: function(){  // error handling
							$(".employee-grid-error").html("");
							$("#employee-grid").append('<tbody class="employee-grid-error"><tr><th colspan="3">No data found in the server</th></tr></tbody>');
							$("#employee-grid_processing").css("display","none");
							
						}
					}
				} );
				
				$("#employee-grid_filter").css("display","none");  // hiding global search box
				$('.search-input-text').on( 'keyup', function () {   // for text boxes
					var i =$(this).attr('data-column');  // getting column index
					var v =$(this).val();  // getting search input value
					dataTable.columns(i).search(v).draw();
					$('#consumerNO'+i).show();
					if(v==''){$('#consumerNO'+i).hide();}
					
					
					$('#consumerNO'+i).on( "click", function() {
					  $('#consumerNO'+i).hide();
					   
					});


					
				} );
				
				
				$('.search-input-select').on( 'change', function () {   // for select box
					var i =$(this).attr('data-column');  
					var v =$(this).val();  
					dataTable.columns(i).search(v).draw();
				} );
				
				
				
			} );
</script>
<style>
.toolbar {
    float: right;
	margin-top:-25px;
}
</style>
<div class="container-fluid">
  <div class="row content">    
    <div class="col-sm-9">
		<div class="page-header">
			<h4>Search Members</h4>
		</div>
		
	<table id="employee-grid" class="table table-striped table-bordered" cellspacing="0" width="100%">
					<thead>
						<tr>
							<tr>
								<th width="130px">Consumer Number</th>
								<th>Consumer Name</th>
								<th>Mobile Number</th>
								<th>Village/City</th>
								<th>Status</th>
								<th width="70px">Action's</th>
							</tr>
						</tr>
					</thead>
					<tfoot>
						<tr>
							<th colspan="6" id="demo">Search</th>
							
						</tr>
					</tfoot>
				
			</table>
    </div>
	<div class="col-sm-3">
    
    </div>
  </div>
</div>





<AOA:output>if $message!="" </AOA:output>
<div id="dialog" title="Success">
<p><AOA:output>$message</AOA:output></p>
</div>
<AOA:output>/if</AOA:output>

<AOA:output>if $error_message ne "" </AOA:output>
<div id="dialog" title="Error in Validation">
<AOA:output>$error_message</AOA:output>
</div>
<AOA:output>/if</AOA:output>
		
<AOA:output>if count($errmsg) gt 0</AOA:output>  
<div id="dialog" title="Error in Validation">
<p>
<AOA:output>foreach name=err item=err from=$errmsg</AOA:output>
<AOA:output>$err</AOA:output><br>
<AOA:output>/foreach</AOA:output>
</p>
</div>
<AOA:output>/if</AOA:output>

<AOA:output>if $emessage!="" </AOA:output>
<div id="dialog" title="Error in Validation">
<p><AOA:output>$emessage</AOA:output>!</p>
</div>
<AOA:output>/if</AOA:output>

        <div class="grid_9">
            <div class="box round first">
                <h2>Members</h2>
                <div class="block" style="height:430px;">
						<table class="form" style="margin-top:50px;">
						<form class="form-horizontal" role="form" method="post" enctype="multipart/form-data" action="?do=usermanagers" >
                        <tr>
                            <td class="col1">
                                <label>Enter I Card No</label>
                            </td>
                            <td class="col3">
                                <input type="text" name="txticard" id="grumble" class="medium" placeholder="Enter Members I Card Number" value="<AOA:output>$errval.$txtusername</AOA:output>" /> <button type="submit" class="btn btn-sm btn-success">Search</button>
                            </td>
                        </tr>
						</form>
						</table>
               </div>   
            </div>
        </div>
        <div class="clear">
        </div>