以下為本站文章分類清單

  1. AJAXspacer
  2. ASPspacer
  3. CSSspacer
  4. Javascriptspacer
  5. Windows 應用程式spacer
  6. 網頁設計
  7. 評論、短文、雜文spacer
  8. 版主spacer
  9. 最新回應spacer

以下為本頁本文內容

autoComplete 套用說明

6/11 08' icon

實作範例:

語法:

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

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

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

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

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

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

download

 

 

以下為文章回應區

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

卜維丰   2012/2/22 上午 11:09:00

ben, 這是瀏覽器對清單大小在項目顯示及隱藏時的差異

解決方法
第一種, 打開 js 檔, 找到 //div.className=this.className;
把 // 註解符號拿掉

第二種,同上
在該行下加上
div.style.backgroundColor='#FFF';
div.style.border='#AAA 1px solid';

ben   2012/2/19 上午 06:44:00

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



yuhsin   2011/11/17 上午 09:30:00

您好:

如果auocomplete的程式放在Top frame, 所顯示的結果會被下方的frame所影響, 而無法完全顯示出來...

因為是在舊有系統加上ajax功能...在不動架構下,以上的問題能被克服嗎?

謝謝

i4u2   2011/1/19 下午 06:36:00

thanks for 4 share this

calvin   2010/12/6 下午 05:27:00

您好

還有一些問題想請教
1.篩選出來的清單背景跟邊線都沒出現
2.篩選出來的清單沒有在最上層

可是單獨使用一個INPUT時是正常的

calvin   2010/12/6 下午 04:41:00

您好

改 CSS 把 overflow 設為 auto
這是在哪邊設定?

我的問題是
篩選的資料太多...有辦法讓資料清單右邊有拉吧嗎?

卜維丰   2010/11/11 下午 02:14:00

lin, 改 CSS 把 overflow 設為 auto, 並且加多後端主機撈出的資料

不過, 大多的選項, 好像有點失去 autoComplete 的用途

lin   2010/11/10 下午 03:16:00

您好
我找到原因了,感謝提供此一功能,
另外,仍有一功能上的問題,就是
若所列出的資料很多,那是否可以變成
類似combobox的下拉顯示?

謝謝

lin   2010/11/10 上午 11:51:00

請問,
執行後會蹦出 internet Server Error 的小視窗,
資料也不會現???

環境 IE8

卜維丰   2010/9/28 下午 04:16:00

阿為,

那是 IE 把預先執行的 Javascript 當作 ActiveX 提出警告, 理論上, IE7/8/9 都沒有這種警告了才是, 你不會還在用 E6 吧?

再來, 這個問題, 光你改也沒用, 除非你不用 Javascript

阿為   2010/9/21 上午 09:55:00

你好 ~卜維丰
我下載了您的檔案~ 奇怪的是 直接執行後會有activeX的提示 ~IE但已變更為"暫時允許執行activeX" ~但在輸入文字框還是無法彈出選單 ~像您網頁上秀的結果 ~可以教我一下如何才能正常執行它嗎?搞了一天還是不行!>< 麻煩了!

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

無法下載

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