解讀利用PHP JavaScript打造AJAX搜索窗的方法(6)_PHP教程

      編輯Tag賺U幣
      教程Tag:暫無Tag,歡迎添加,賺取U幣!

      推薦:解析PHP CSS實現打印簡單數據報表功能
      PHP CSS實現打印簡單數據報表功能 功能:實現打印日報表的功能,定義了專門的打印樣式,隱藏了不該打印的控件并實現了分頁打印功能,表名:rec 字段:rec_id,rec_po,rec_part,rec_plant

      九、 實現Web搜索搜索框

      實現這個搜索框是很簡單的。首先,你必須把websearch.php文件上傳到你的web服務器(當然,必須安裝PHP)。然后,你需要一個HTML文檔來引用所有的組件。msnWebSearch對象依賴于XParser類,這個類又依賴于zXml庫(可從www.nczonline.net/downloads/下載)。你必須引用下面這些文件:

      以下為引用的內容:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Ajax WebSearch</title>
      <link rel="stylesheet" type="text/css" href="css/websearch.css" />
      <script type="text/javascript" src="js/zxml.js"></script>
      <script type="text/javascript" src="js/xparser.js"></script>
      <script type="text/javascript" src="js/websearch.js"></script>
      </head><body>
      </body>
      </html>

      為了執行搜索,應該把msnWebSearch.search()方法設置為該元素的onclick處理器:

      以下為引用的內容:

      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
      <html xml:lang="en" lang="en" xmlns="http://www.w3.org/1999/xhtml">
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <title>Ajax WebSearch</title>
      <link rel="stylesheet" type="text/css" href="css/websearch.css" />
      <script type="text/javascript" src="js/zxml.js"></script>
      <script type="text/javascript" src="js/xparser.js"></script>
      <script type="text/javascript" src="js/websearch.js"></script>
      </head><body>
      <a href="#" onclick='msnWebSearch.search(event,""Professional Ajax"");
      return false;'>Search for "Professional Ajax"</a>
      <br /><br /><br /><br />
      <a href="#" onclick='msnWebSearch.search(event,"Professional Ajax");
      return false;'>Search for Professional Ajax</a>
      </body>
      </html>

      第一個新的鏈接執行一個針對準確詞組"Professional Ajax"的搜索,而第二個鏈接將搜索這其中的各個單詞。還要注意,在onclick事件中返回的是false-這強迫瀏覽器忽略掉href屬性。點擊這些鏈接將在光標位置繪制搜索框,并且就在此處顯示你的搜索結果。

      分享:解析PHP技術:txtSQL安裝手冊中文版
      txtsql的最大優點之一是文檔很詳細,可惜,我在網上找了半天也找不到中文版的文檔,所以只好自己動手,利人利已吧,不過自己的E文水平自己是很清楚的,希望大家看了不會笑掉大牙才好,還希

      共6頁上一頁123456下一頁
      來源:模板無憂//所屬分類:PHP教程/更新時間:2009-09-17
      相關PHP教程