Tạo công cụ tìm kiếm cho web rất đẹp và chuyên nghiệp bằng Ajax
Bạn muốn viết 1 công cụ tìm kiếm cho web . tự viết bằng tay -- quá khóBạn biết google là 1 trang tìm kiếm nổi tiếng vậy tại sao không để google tìm thayNhư vậy là đã xong phần lý thuyết. Phần thực hiện : rất dễ hãy copy đoạn code sau cho vào web :
Demo Search
PHP Code:
<!-- Google CSE Search Box Begins  -->
<
form action="http://binhphuoc.org" id="searchbox_011035517979324464264:b8_6ago2h0w">
  <
input type="hidden" name="cx" value="011035517979324464264:b8_6ago2h0w" />
  <
input type="hidden" name="cof" value="FORID:11" />
  <
input type="text" name="q" size="25" />
  <
input type="submit" name="sa" value="Search" />
</
form>
<
script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_011035517979324464264%3Ab8_6ago2h0w&lang=vi"></script>

<div id="results_011035517979324464264:b8_6ago2h0w" style="display:none">
  <div class="cse-closeResults"> 
    <a>&times; close</a>
  </div>
  <div class="cse-resultsContainer"></div>
</div>
<style type="text/css">
@import url(http://www.google.com/cse/api/overlay.css);
</style>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=ABQIAAAAUn5tEf3q6Jscs9Op1yPoFxQvGR1jgERgm47npeRX2H65OI_5ZxQzAtyjpAKknLwy967R4NRt9xwSUQ&hl=vi" type="text/javascript"></script>
<script src="http://www.google.com/cse/api/overlay.js"></script>
<script type="text/javascript">
function OnLoad() {
  new CSEOverlay("011035517979324464264:b8_6ago2h0w",
                 document.getElementById("searchbox_011035517979324464264:b8_6ago2h0w"),
                 document.getElementById("results_011035517979324464264:b8_6ago2h0w"));
}
GSearch.setOnLoadCallback(OnLoad);
</script>
<!-- Google CSE Code ends --> 

Như vậy là bạn đã có một công cụ search dạng Ajax rất tuyệt vời rồi nhé

Bạn phải đăng ký site với google sẽ có 1 ID ví dụ BPIT có ID: 011035517979324464264:b8_6ago2h0w
Địa chỉ đăng ký : http://google.com/coop
các bạn getcode sau đó replace giá trị ID của site bạn với ID trong mẫu trên rồi paste vào phần muốn nhúng là sẽ dc

Chúc thành công - www.bovai.com

Bài vết cùng chủ đề