1
Этот код отлично работает, чтобы показывать результаты на самой странице, но я хочу показать результаты во всплывающем окне.Показать результаты в popup
Мы связали код с базой данных и получаем ожидаемый результат, но как я могу использовать jQuery для отображения деления во всплывающем или диалоговом окне? Также он должен быть отзывчивым.
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>PHP, jQuery search demo</title><link rel="stylesheet" type="text/css" href="my.css"><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script><script type="text/javascript">$(function() {
$(".search_button").click(function() {
// getting the value that user typed
var searchString = $("#search_box").val();
// forming the queryString
var data = 'search='+ searchString;
// if searchString is not empty
if(searchString) {
// ajax call
$.ajax({
type: "POST",
url: "do_search.php",
data: data,
beforeSend: function(html) { // this happens before actual call
$("#results").html('');
$("#searchresults").show();
$(".word").html(searchString);
},
success: function(html){ // this happens after we get results
$("#results").show();
$("#results").append(html);
}
});
}
return false;});});</script></head><body><div id="container"><div style="margin:20px auto; text-align: center;"><form method="post" action="do_search.php"><input type="text" name="search" id="search_box" class='search_box'/><input type="submit" value="Search" class="search_button" /><br /></form></div><div><div id="searchresults">Search results :</div><ul id="results" class="update"></ul></div></div></body></html>