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

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

當(dāng)退出循環(huán)時(shí)，該文檔片斷被添加到divResultsPane以顯示搜索結(jié)果:

divResultsPane.appendChild(oFragment);

六、 關(guān)閉結(jié)果框

為了關(guān)閉搜索結(jié)果框，msnWebSearch對(duì)象提供了close()方法。close()方法負(fù)責(zé)處理該鏈接的onclick事件（關(guān)閉該小框）：

該搜索框其實(shí)并沒有關(guān)閉；事實(shí)上，它被從該文檔中刪除了。為此，需要檢索divSearchBox元素。第一行代碼完成這一任務(wù)-通過檢索這個(gè)元素的父結(jié)點(diǎn)的父結(jié)點(diǎn)實(shí)現(xiàn)。因?yàn)閏lose()負(fù)責(zé)處理onclick事件，所以this引用這一鏈接。下一行從文檔中刪除divSearchBox元素。最后一行，返回false，從而強(qiáng)迫瀏覽器不要沿用一個(gè)鏈接的缺省行為（轉(zhuǎn)到在href屬性中標(biāo)注的位置）。

七、 構(gòu)建搜索接口

msnWebSearch對(duì)象的最后一個(gè)方法是search()，它提供執(zhí)行一個(gè)搜索的接口。你可以使用一個(gè)元素的onclick事件來調(diào)用search()。它接受兩個(gè)方法：一個(gè)事件對(duì)象和搜索術(shù)語：

第一行調(diào)用drawResultBox()方法并且把事件e傳遞給它。下一行編碼該URL以實(shí)現(xiàn)合適的轉(zhuǎn)換。這個(gè)URL被傳遞給XParser構(gòu)造器以創(chuàng)建一個(gè)新的分析器。當(dāng)搜索回饋完成加載并使用結(jié)果填充搜索框時(shí)，該分析器的onload事件處理器調(diào)用populateResult()方法。
當(dāng)然，構(gòu)建這個(gè)搜索框的一個(gè)理由是，使其更適合于你自己的站點(diǎn)的外觀。

八、 定制Web搜索框

借助于CSS，你可以容易地為你的現(xiàn)有站點(diǎn)定制搜索框，并且使你以后的任何重新設(shè)計(jì)都變得非常容易。

首先要討論的CSS類是ajaxWebSearchBox（該類實(shí)現(xiàn)搜索框）。因?yàn)樗阉骺蛞�確定位置，所以它必須要有一個(gè)絕對(duì)位置：

在此，絕對(duì)位置是唯一的要求。所有的其它屬性都是根據(jù)你的口味可選的。在這個(gè)示例中，該框有一個(gè)微藍(lán)色的背景，一個(gè)500像素的寬度，以及在四邊上各有1個(gè)像素的填充。這個(gè)填充導(dǎo)致圍繞該框的內(nèi)容的是1個(gè)像素寬的邊界。

下一個(gè)類是ajaxWebSearchHeading，它包含該框的頭部文本和關(guān)閉鏈接。為了把關(guān)閉鏈接放在右上角，它使用絕對(duì)位置。因?yàn)檫@個(gè)原因，它要求ajaxWebSearchHeading使用一個(gè)相對(duì)位置：

在此，唯一要求的屬性也是position屬性。其它的屬性有助于給出該元素一個(gè)好看的外觀。其背景顏色是淺藍(lán)色，而文本部分是白色，14像素高且是Tahoma字體。該元素的高度是21個(gè)像素并且在頂部和左邊都填充以邊界。

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