【卜維丰】autoComplete 套用說明

autoComplete 套用說明

6/11 08'

語法：

<input name="searchStr" type="text" id="searchStr" autocomplete="off" /> <link href="autoComplete.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="xml.js"></script> <script type="text/javascript" src="autoComplete_v0.3.js"></script> <script type="text/javascript"> var overBGColor ='#F2F2DB'; var overTextColor ='#336'; var outBGColor ='#FFF'; var outTextColor ='#000'; var xml_auto = new autoComplete('searchStr','057-autoComplete.asp'); </script>

行 1：請注意設定 id 值，並且加上 autocomplete="off" 以關閉瀏覽器本身的記憶功能。

行 2、3、4 為下載的檔案，連結到你的頁面中。

行 6、7、8、9 設定 autoComplete 下拉內容屬性，如下：

overBGColor	滑鼠停在項次上時，背景色
overTextColor	滑鼠停在項次上時，前景文字顏色
outBGColor	背景色
outTextColor	前景文字顏色

行 10：產生 autoComplete 物件，第一個參數為文字欄位的 id 值，第二個參數為後台擷取資料程式名稱。

後台程式，擷取出的資料，以 xml 回傳，格式如下即可：

<?xml version="1.0" encoding="big5" ?> <root> <name>日本</name> <name>日本/韓國</name> <name>日本/韓國影片</name> <name>日本小說</name> <name>日本銀幣</name> <name>日本影片</name> <name>日本職棒</name> </root>

同意轉載，不過麻煩看一下轉載需知

john 2010/7/25 下午 08:28:00

謝謝...

陳先生 2010/7/21 上午 08:10:00

太帥了

yvonne 2009/9/3 下午 03:50:00

謝謝你~

jerry 2009/5/31 下午 03:57:00

請問一下，我怎麼修改搜尋列表的背景跟外框顏色？我下載的是沒有顏色的！

lisun 2009/1/16 下午 10:29:00

你好我有使用了你的ajax還滿好用的
不過有個問題我不知道該怎麼辦
測你的sample可以打中文
我可是我的只要一打中文就說錯誤
不知道問題出在哪邊
我只有改url的部分應該不會動到其他的才對

Mendes 2009/1/10 下午 02:51:00

請問一下，為何我套用了範例中的css，列出來的關鍵字清單背景顏色，在IE7中為透明，在firefox卻正常顯示?!

Robert 2008/12/24 下午 01:45:00

再請問
是修改後台057-autoComplete.asp裡面的
str=Request("searchStr")成
str=replace(Request("searchStr"),"&","???") 這樣的格式嗎
如果是的話 ??? 因該要怎麼寫來替代& 還是其他的地方要修改謝謝

卜維丰 2008/12/23 下午 11:17:00

Rober, 特殊字有 & 和連續空白, 用十六進位碼, 如 #32, #26 就可以了, 後台程式多半能處理這種轉換

Robert 2008/12/23 上午 11:54:00

請問要處理內容有&的符號會很困難嗎?
目前遇到了這個問題很困擾
有辦法解決嗎? 謝謝

卜維丰 2008/12/1 上午 09:43:00

n, xml 內容含 & 符號, 我沒有處理特殊符號

n 2008/12/1 上午 03:45:00

輸入 d 小寫d 怪怪的= =

kilo 2008/11/17 上午 11:45:00

我找到原因了，現在功能已可輸入中文效果，
原來是ajax送出中文字的編碼問題。
謝謝您提供這樣工整好用的工具，
再次感謝...
kilo

kilo 2008/11/14 下午 05:51:00

不好意思我補充一下
在輸入中文選字的階段
IMEDetected()取不到this.id.value;
因此sendRequest時pointer.id.value也沒值
所以在server得不到值，就response nothing了。
可是我發現你的sample中文輸入選字時就可以出現選單了...怪...

kilo 2008/11/14 下午 04:48:00

感謝你的回覆:
我的瀏覽器是ie7，
input text的設定應該沒問題，因為輸入英文是有作用的。
不過有一點我不確定會不會有影響，就是我的網頁是一頁內引用多個<jsp:include page="**.jsp" />頁面，而這個autoComplete及其相關引用，是設定在某個被include的頁面裡。
執行的過程javascript沒有錯誤訊息。我有trace過AutoComplete.js，在onKeyDown時有引發過case 229，不過不曉得中文怎會沒反應呢?
小弟不才，能再問個疑問嗎?event.keyCode=229代表什麼意思呢?setInterval(function(){pointer.IMEDetected();},500)的目的是什麼?pointer.IMEDetected()在不同的輸入法判斷的出來嗎?
感謝~~

卜維丰 2008/11/14 上午 11:17:00

kilo, 中文部份, 我測過不少瀏覽器, 除了 opera 的回傳值有不同(我也加入判斷了), 應該一切正常, 你可以給我你的操作環境資料嗎?

卜維丰 2008/11/14 上午 11:16:00

elfkid, 這沒有所謂 php 或 asp, 後台看你怎麼寫, 在宣告物件時改成你的 php 即可

kilo 2008/11/13 下午 05:14:00

您好:
感謝您提供這樣的功能讓人下載，是個蠻方便的工具。
不過我有一個狀況，下載後測試發現對中文輸入沒反應捏，可以幫我回答一下是什麼問題嗎?

卜維丰 2008/8/13 下午 02:01:00

Hi~ 目前 autoComplete 的更新版是把 enter 當作送出來處理

如果你要自行設計 enter 按鈕, 找到 autoComplete.prototype.onKeyUp 這段, 修改 case 13 部份即可

您的讀者 2008/8/12 下午 03:28:00

您好：在AutoComplete鍵盤操作，選定字串後按Enter似乎跟表單送出的Enter相衝突，不知道有何方法可以處理??

無法下載 2008/6/16 下午 12:11:00

無法下載

給個回應

姓名:
佈落格網址:
	如果您是要發問問題, 最好有個問題測試的網址, 這樣比較容易找到您問題所在, 謝謝
內容:

以下為本站文章分類清單

以下為本站側欄內容

以下為最近發表的文章

以下為本頁本文內容

autoComplete 套用說明

以下為文章回應區