日韩天天综合网_野战两个奶头被亲到高潮_亚洲日韩欧美精品综合_av女人天堂污污污_视频一区**字幕无弹窗_国产亚洲欧美小视频_国内性爱精品在线免费视频_国产一级电影在线播放_日韩欧美内地福利_亚洲一二三不卡片区

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

編輯Tag賺U幣
教程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)表的功能,定義了專(zhuān)門(mén)的打印樣式,隱藏了不該打印的控件并實(shí)現(xiàn)了分頁(yè)打印功能,表名: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)閉該小框):

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

msnWebSearch.close = function () {
 var divSearchBox = this.parentNode.parentNode;
 document.body.removeChild(divSearchBox);

 return false;
};

該搜索框其實(shí)并沒(méi)有關(guān)閉;事實(shí)上,它被從該文檔中刪除了。為此,需要檢索divSearchBox元素。第一行代碼完成這一任務(wù)-通過(guò)檢索這個(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事件來(lái)調(diào)用search()。它接受兩個(gè)方法:一個(gè)事件對(duì)象和搜索術(shù)語(yǔ):

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

msnWebSearch.search = function (e,sSearchTerm) {
 var divSearchBox = this.drawResultBox(e);
 var url = encodeURI("websearch.php?search=" sSearchTerm);
 var oParser = new XParser(url);
 oParser.onload = function () {
  msnWebSearch.populateResults(divSearchBox.childNodes[1],oParser);
 };
};

第一行調(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類(lèi)是ajaxWebSearchBox(該類(lèi)實(shí)現(xiàn)搜索框)。因?yàn)樗阉骺蛞_定位置,所以它必須要有一個(gè)絕對(duì)位置:

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

.ajaxWebSearchBox
{
 position: absolute;
 background-color: #0d1e4a;
 width: 500px;
 padding: 1px;
}

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

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

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

.ajaxWebSearchHeading
{
 position: relative;
 background-color: #1162cc;
 font: bold 14px tahoma;
 height: 21px;
 color: white;
 padding: 3px 0px 0px 2px;
}

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

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

來(lái)源:模板無(wú)憂(yōu)//所屬分類(lèi):PHP教程/更新時(shí)間:2009-09-17
相關(guān)PHP教程