02/10/2018, 20:45

Công cụ tìm kiếm cho web đẹp,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 -- khó quá . 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 thay?Như vậy là đã xong phần lý thuyết. Phần thực hành : rất dễ hãy copy đoạn code sau cho vào web <form ...

Bạn muốn viết 1 công cụ tìm kiếm cho web ? Tự viết bằng tay -- khó quá . 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 thay?Như vậy là đã xong phần lý thuyết. Phần thực hành : rất dễ hãy copy đoạn code sau cho vào web

  
<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⟨=vi"></script> 

<div id="results_011035517979324464264:b8_6ago2h0w" style="display:none"> 
  <div class="cse-closeResults"> 
    <a>× 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> 


  

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ụ thienduongweb có ID: 011035517979324474264: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ẽ được 

Bình luận
0