<?php
include('header.php');
if(isset($_REQUEST['tag'])){
$tag =$_REQUEST['tag'];
}
?>
<head>
<style type="text/css">
#search{
width:700px;
padding:10px;
}
#button{
width: 100px;
height:40px;
border:solid #366FEB 1px;
background: #91B2FA;
}
a{
text-decoration: none;
font-size: 18px;
}
</style>
<script type="text/javascript">
$(document).ready(function(){
function search(){
var title=$("#search").val();
if(title!=""){
$("#result").html("<img src='img/download.png'/>");
$.ajax({
type:"post",
url:"search.php",
data:"title="+title,
success:function(data){
$("#result").html(data);
$("#search").val("");
}
});
}
}
search();
$("#button").click(function(){
search();
});
$('#search').keyup(function(e) {
if(e.keyCode == 13) {
search();
}
});
});
</script>
<body>
<div id="container">
<input type="text" id="search" placeholder="Search Doctor Here... " value="<?= $tag ?>"/>
<input type="button" id="button" value="Search" />
<div id="result" class="row"></div>
</div>
</body>
</html>