解讀利用PHP JavaScript打造AJAX搜索窗的方法(4)_PHP教程
推薦:解析PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能PHP CSS實現(xiàn)打印簡單數(shù)據(jù)報表功能 功能:實現(xiàn)打印日報表的功能,定義了專門的打印樣式,隱藏了不該打印的控件并實現(xiàn)了分頁打印功能,表名:rec 字段:rec_id,rec_po,rec_part,rec_plant
當(dāng)退出循環(huán)時,該文檔片斷被添加到divResultsPane以顯示搜索結(jié)果:
divResultsPane.appendChild(oFragment);
六、 關(guān)閉結(jié)果框
為了關(guān)閉搜索結(jié)果框,msnWebSearch對象提供了close()方法。close()方法負(fù)責(zé)處理該鏈接的onclick事件(關(guān)閉該小框):
| 以下為引用的內(nèi)容:
msnWebSearch.close = function () { return false; |
該搜索框其實并沒有關(guān)閉;事實上,它被從該文檔中刪除了。為此,需要檢索divSearchBox元素。第一行代碼完成這一任務(wù)-通過檢索這個元素的父結(jié)點(diǎn)的父結(jié)點(diǎn)實現(xiàn)。因為close()負(fù)責(zé)處理onclick事件,所以this引用這一鏈接。下一行從文檔中刪除divSearchBox元素。最后一行,返回false,從而強(qiáng)迫瀏覽器不要沿用一個鏈接的缺省行為(轉(zhuǎn)到在href屬性中標(biāo)注的位置)。
七、 構(gòu)建搜索接口
msnWebSearch對象的最后一個方法是search(),它提供執(zhí)行一個搜索的接口。你可以使用一個元素的onclick事件來調(diào)用search()。它接受兩個方法:一個事件對象和搜索術(shù)語:
| 以下為引用的內(nèi)容:
msnWebSearch.search = function (e,sSearchTerm) { |
第一行調(diào)用drawResultBox()方法并且把事件e傳遞給它。下一行編碼該URL以實現(xiàn)合適的轉(zhuǎn)換。這個URL被傳遞給XParser構(gòu)造器以創(chuàng)建一個新的分析器。當(dāng)搜索回饋完成加載并使用結(jié)果填充搜索框時,該分析器的onload事件處理器調(diào)用populateResult()方法。
當(dāng)然,構(gòu)建這個搜索框的一個理由是,使其更適合于你自己的站點(diǎn)的外觀。
八、 定制Web搜索框
借助于CSS,你可以容易地為你的現(xiàn)有站點(diǎn)定制搜索框,并且使你以后的任何重新設(shè)計都變得非常容易。
首先要討論的CSS類是ajaxWebSearchBox(該類實現(xiàn)搜索框)。因為搜索框要確定位置,所以它必須要有一個絕對位置:
| 以下為引用的內(nèi)容:
.ajaxWebSearchBox |
在此,絕對位置是唯一的要求。所有的其它屬性都是根據(jù)你的口味可選的。在這個示例中,該框有一個微藍(lán)色的背景,一個500像素的寬度,以及在四邊上各有1個像素的填充。這個填充導(dǎo)致圍繞該框的內(nèi)容的是1個像素寬的邊界。
下一個類是ajaxWebSearchHeading,它包含該框的頭部文本和關(guān)閉鏈接。為了把關(guān)閉鏈接放在右上角,它使用絕對位置。因為這個原因,它要求ajaxWebSearchHeading使用一個相對位置:
| 以下為引用的內(nèi)容:
.ajaxWebSearchHeading |
在此,唯一要求的屬性也是position屬性。其它的屬性有助于給出該元素一個好看的外觀。其背景顏色是淺藍(lán)色,而文本部分是白色,14像素高且是Tahoma字體。該元素的高度是21個像素并且在頂部和左邊都填充以邊界。
分享:解析PHP技術(shù):txtSQL安裝手冊中文版txtsql的最大優(yōu)點(diǎn)之一是文檔很詳細(xì),可惜,我在網(wǎng)上找了半天也找不到中文版的文檔,所以只好自己動手,利人利已吧,不過自己的E文水平自己是很清楚的,希望大家看了不會笑掉大牙才好,還希
- PHPNOW安裝Memcached擴(kuò)展方法詳解
- php記錄頁面代碼執(zhí)行時間
- PHP中獎概率的抽獎算法程序代碼
- apache設(shè)置靜態(tài)文件緩存方法介紹
- php對圖像的各種處理函數(shù)代碼小結(jié)
- PHP 關(guān)于訪問控制的和運(yùn)算符優(yōu)先級介紹
- 關(guān)于PHP語言構(gòu)造器介紹
- php/js獲取客戶端mac地址的實現(xiàn)代碼
- php5.5新數(shù)組函數(shù)array_column使用
- PHP preg_match的匹配多國語言的技巧
- php 中序列化和json使用介紹
- php采集文章中的圖片獲取替換到本地
PHP教程Rss訂閱編程教程搜索
PHP教程推薦
- PHP讀取漢字點(diǎn)陣數(shù)據(jù)
- 讓我們來編寫一些PHP實用的腳本
- php 判斷數(shù)組是幾維數(shù)組
- 《PHP設(shè)計模式介紹》第四章 單件模式
- PHP register_shutdown_function函數(shù)的深入解析
- 動態(tài)網(wǎng)頁制作PHP中的Cookies
- PHP和MYSQL制作動態(tài)網(wǎng)站開發(fā)經(jīng)驗之談
- 菜鳥學(xué)習(xí):動態(tài)網(wǎng)頁P(yáng)HP基礎(chǔ)學(xué)習(xí)筆記
- PHP技巧:詳解phplib模板使用過程及運(yùn)行原理
- 使用Xdebug優(yōu)化你的php程序
- 相關(guān)鏈接:
- 教程說明:
PHP教程-解讀利用PHP JavaScript打造AJAX搜索窗的方法(4)
。