GOOGLE
<!-- Modal -->
<div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-header"><span style="color: white;">Advance Search</span></div>
<div class="modal-body">
<form class="form-horizontal" method="post" action="advance_search.php">
<div class="control-group">
<label class="control-label" for="inputEmail">Subject</label>
<div class="controls">
<input type="text" name="title" placeholder="Enter Subject" id="search-box" autocomplete="off">
<div id="suggesstion-box"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputEmail">Book Title</label>
<div class="controls">
<input type="text" name="booktitle" id="search-boxtitle" placeholder="Enter Title" autocomplete="off">
<div id="suggesstion-boxtitle"></div>
</div>
</div>
<div class="control-group">
<label class="control-label" for="inputPassword">Author</label>
<div class="controls">
<input type="text" name="author" id="inputPassword" placeholder="Enter Author" autocomplete="off">
</div>
</div>
<div class="control-group">
<div class="controls">
<button type="submit" class="btn btn-success">Search</button>
</div>
</div>
</form>
</div>
<div class="modal-footer">
<button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
</div>
</div>
<script>
$(document).ready(function(){
$("#search-box").keyup(function(){
$.ajax({
type: "POST",
url: "data.php",
data:'keyword='+$(this).val(),
beforeSend: function(){
$("#search-box").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
},
success: function(data){
//alert(data);
$("#suggesstion-box").show();
$("#suggesstion-box").html(data);
$("#search-box").css("background","#FFF");
}
});
});
});
//To select country name
function selectCountry(val) {
$("#search-box").val(val);
$("#suggesstion-box").hide();
}
$(document).ready(function(){
$("#search-boxtitle").keyup(function(){
$.ajax({
type: "POST",
url: "data1.php",
data:'keyword='+$(this).val(),
beforeSend: function(){
$("#search-boxtitle").css("background","#FFF url(LoaderIcon.gif) no-repeat 165px");
},
success: function(data){
//alert(data);
$("#suggesstion-boxtitle").show();
$("#suggesstion-boxtitle").html(data);
$("#search-boxtitle").css("background","#FFF");
}
});
});
});
//To select country name
function selectCountryBook(val) {
$("#search-boxtitle").val(val);
$("#suggesstion-boxtitle").hide();
}
</script>
Copyright © 1945 -