自动补全 | 像百度那样的自动提示功能

// JScript 文件 var XMLHttp=false; var j=-1; function CreateXMLHttpRequest() { if(window.ActiveXObject) { XMLHttp = new ActiveXObject("Microsoft.XMLHTTP"); } else if(window.XMLHttpRequest) { XMLHttp = new XMLHttpRequest(); } if(!XMLHttp && typeof XMLHttpRequest != 'undefined') { XMLHttp = new XMLHttpRequest(); } } function GetSuggest(url,keyword,e) { var keyc=GetKeyCode(e); if(keyc==40 || keyc==38 || keyc==13) return; //var _url="Search.ashx?keyword="+escape(keyword); var _url=url + "?keyword="+escape(keyword); CreateXMLHttpRequest(); XMLHttp.onreadystatechange=function(){ if(XMLHttp.readystate==4) { if(XMLHttp.status==200) { $("dSuggest").innerHTML=XMLHttp.responseText; j=-1; } } } XMLHttp.open("POST",_url,true); XMLHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded"); XMLHttp.send(null); } function set_style(num) {//设置样式 for(var i=0;i<$$().length;i++) { if(i>=0 && i<$$().length&&i==num) { $$()[i].className="select"; } else { $$()[i].className=""; } } } function mo(nodevalue) { j=nodevalue; set_style(j); } function form_submit(objtxt,objdiv) { var lis=$$(); if(lis==null) return; for(var i=0;i<lis.length;i++) { if(lis[i].className=="select") { var key=lis[i].innerHTML.substring(0,lis[i].innerHTML.indexOf("<SPAN>")); // $('txtKeyword').value=key; // $("dSuggest").innerHTML=""; objtxt.value=key; objdiv.innerHTML=""; } } } function updown(e) { var keyc=GetKeyCode(e); if(keyc==40 || keyc==38) { if($$()==null) return; if(keyc==40) { j++; if(j>=$$().length) { j=0; } } else if(keyc==38) { j--; if(j==-1) j=$$().length-1; } set_style(j); } } function GetKeyCode(e) {//取得不同浏览器下的键盘事件值 var keyc; if(window.event) {//ie键盘事件 keyc=e.keyCode; } else if (e.which) {//火狐 keyc=e.which; } return keyc; } function $(id) { return document.getElementById(id); } function $$() { var ul=$("sug"); if(ul==null) return null; return ul.getElementsByTagName("li"); } //getPos(this,'Left'),getPos(this,'Top')+this.offsetHeight function getPos(el,sProp) { var iPos = 0; while (el!=null) { iPos+=el["offset" + sProp]; el = el.offsetParent; } return iPos; } function setPosition(obj,div) { // $('dSuggest').style.left=getPos(obj,'Left'); // $('dSuggest').style.top=getPos(obj,'Top')+obj.offsetHeight; div.style.left=getPos(obj,'Left'); div.style.top=getPos(obj,'Top')+obj.offsetHeight }