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

教程Tag：暫無(wú)Tag,歡迎添加,賺取U幣!

推薦：解析PHP CSS實(shí)現(xiàn)打印簡(jiǎn)單數(shù)據(jù)報(bào)表功能
PHP CSS實(shí)現(xiàn)打印簡(jiǎn)單數(shù)據(jù)報(bào)表功能功能：實(shí)現(xiàn)打印日?qǐng)?bào)表的功能，定義了專門的打印樣式，隱藏了不該打印的控件并實(shí)現(xiàn)了分頁(yè)打印功能，表名：rec 字段：rec_id,rec_po,rec_part,rec_plant

九、實(shí)現(xiàn)Web搜索搜索框

實(shí)現(xiàn)這個(gè)搜索框是很簡(jiǎn)單的。首先，你必須把websearch.php文件上傳到你的web服務(wù)器(當(dāng)然，必須安裝PHP)。然后，你需要一個(gè)HTML文檔來(lái)引用所有的組件。msnWebSearch對(duì)象依賴于XParser類，這個(gè)類又依賴于zXml庫(kù)(可從www.nczonline.net/downloads/下載)。你必須引用下面這些文件：

以下為引用的內(nèi)容：

＜!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＞

為了執(zhí)行搜索，應(yīng)該把msnWebSearch.search()方法設(shè)置為該元素的onclick處理器：

以下為引用的內(nèi)容：

＜!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＞

第一個(gè)新的鏈接執(zhí)行一個(gè)針對(duì)準(zhǔn)確詞組"Professional Ajax"的搜索，而第二個(gè)鏈接將搜索這其中的各個(gè)單詞。還要注意，在onclick事件中返回的是false-這強(qiáng)迫瀏覽器忽略掉href屬性。點(diǎn)擊這些鏈接將在光標(biāo)位置繪制搜索框，并且就在此處顯示你的搜索結(jié)果。

分享：解析PHP技術(shù)：txtSQL安裝手冊(cè)中文版
txtsql的最大優(yōu)點(diǎn)之一是文檔很詳細(xì)，可惜，我在網(wǎng)上找了半天也找不到中文版的文檔，所以只好自己動(dòng)手，利人利已吧，不過(guò)自己的E文水平自己是很清楚的，希望大家看了不會(huì)笑掉大牙才好，還希