JezK
Edit File: logoutform.php
<?php include('visitor_out.php'); ini_set('display_errors',1); $userM = $_SESSION['user']; if($_SESSION["loggedIn"] == 0) header("location: index.php"); ?> <html> <head> <link rel = "stylesheet" href= "BootStrap/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="navbar3.css"> <script src="BootStrap/js/jQuery.min.js"></script> <script src="BootStrap/js/bootstrap.min.js"></script> <style type="text/css"> body{ background-image: url('bgimg.jpeg'); background-size: cover; } thead{ background-color: #f5ebe1; } body{ background-color:#F0F8FF; } table { font-family: arial, sans-serif; border-collapse: collapse; width: 100%; } thead{ background-color: #85d5d6; } td, th { border: 1px solid #dddddd; text-align: left; padding:10px; } tr:nth-child(even) { background-color:#bfc1d6; } tr:nth-child(odd) { color:white } .pull-right{ margin-bottom:1%; float: right; padding: 6px; margin-top: 8px; margin-right: 16px; background: white; font-size: 17px; border: 3px solid; cursor: pointer; margin-top:-4%; } .container-fluid{ margin-left:8% } .image{ float:left; margin-left:-30% } </style> </head> <body> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <a class="navbar-brand" href="#" id = "lii"><?php echo "Logged in as : ".$userM;?></a> </div> <img class="image" src="krifylogo.jpeg" alt="logo" width="8%" > <ul class="nav navbar-nav navbar-right"> <li><a id = "li" href="front.php">Home</a></li> <li ><a id = "li" href="myform.php">Add Visitor</a></li> <li class="active"><a href="logoutform.php">Checked Out Visitors</a></li> <li><a id = "li" href="query_data.php">View Data</a></li> <li ><a id = "li" href="logout.php">Logout</a></li> </ul> </div> </nav> <div> <p ><h3 style = "padding-left: 25px; color:white"><b>These visitors were Logged out Today!<b></h3></p><br> </div> <div class="row" style = "padding-left: 25px"> <input id='myInput' type='text' placeholder='Search..' class='pull-right'> <table class='myId'> <thead> <tr> <th>Serial</th> <th>ReceiptID</th> <th>Name</th> <th>Contact</th> <th>TimeIN</th> <th>TimeOUT</th> <th>Date</th> <th>Purpose</th> <th>Location</th> <th>Company</th> <th>Image</th> <th>Registered By</th> </tr> </thead> <?php include('db_connect_db_new.php'); $date = date("Y/m/d"); $query = "SELECT * FROM info_visitor WHERE Date = '$date' AND Status = 'OFFLINE'"; $res = mysqli_query( $link,$query); while($result = mysqli_fetch_array($res, MYSQLI_ASSOC)){ // echo '<div class="col-sm-12"> // <div class="thumbnail" style = "width:175px;"> // <p style = "text-align:center;"><strong>'.$result['Name'].' </strong></p> // <p>Receipt IDdfsd 1s: '.$result['ReceiptID'].'</p> // <p>Contact : '.$result['Contact'].'</p> // <p>Time In : '.$result['TimeIN'].'</p> // <p>Time OUT: '.$result['TimeOUT'].'</p> // <p>Date : '.$result['Date'].'</p> // <p>Meeting : '.$result['meetingTo'].'</p> // </div></div>'; echo '<tr> <td>'.$result['Serial'].'</td> <td>'.$result['ReceiptID'].'</td> <td>'.$result['Name'].'</td> <td>'.$result['Contact'].'</td> <td>'.$result['TimeIN'].'</td> <td>'.$result['TimeOUT'].'</td> <td>'.$result['Date'].'</td> <td> '.$result['meetingTo'].'</td> <td> '.$result['location'].'</td> <td> '.$result['company'].'</td> <td><img src="uploads/'.$result["img"].'" width="50px" height="auto"/></td> <td> '.$result['registeredBy'].'</td> </tr>'; ?> <?php } ?></table> </div> <script> $(document).ready(function(){ $("#myInput").on("keyup", function() { var value = $(this).val().toLowerCase(); $(".myId tbody tr").filter(function() { $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1) }); }); }); </script> </body> </html>