2011年12月 扩充话题大版内专家分排名第三
2012年8月 总版技术专家分月排行榜第三2012年7月 总版技术专家分月排行榜第三
2014年8月 高性能开发大版内专家分月排行榜第一2013年11月 高性能开发大版内专家分月排行榜第一2012年12月 Java大版内专家分月排行榜第一2012年11月 Java大版内专家分月排行榜第一2012年10月 Java大版内专家分月排行榜第一2012年9月 Java大版内专家分月排行榜第一2012年8月 Java大版内专家分月排行榜第一2012年7月 Java大版内专家分月排行榜第一2012年6月 Java大版内专家分月排行榜第一2012年5月 Java大版内专家分月排行榜第一2012年4月 Java大版内专家分月排行榜第一2012年3月 Java大版内专家分月排行榜第一2012年2月 Java大版内专家分月排行榜第一2012年1月 Java大版内专家分月排行榜第一
本帖子已过去太久远了，不再提供回复功能。1913人阅读
Jqeury（3）
javascript（18）
&!DOCTYPE&html&PUBLIC&&-//W3C//DTD&XHTML&1.0&Transitional//EN&&&http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&&
&html&xmlns=&http://www.w3.org/1999/xhtml&&&
&head&runat=&server&&
&&&&&title&Auto&Complete&/title&
&&&&&&&style&type=&text/css&&
&&&&&&&&.hlight{background-color:Red}
&&&&&&&&.normal{backgroud-color:}
&&&&&/style&
&&&&&script&language=&javascript&&type=&text/javascript&&src=&../../JS/jquery-1[1].3.2.min.js&&&/script&
&&&&&script&
&&&&function&doit(evt)
&&&&&&&&evt&=&(evt)&?&evt&:&((window.event)&?&window.event&:&&&);
&&&&&&&&var&key&=&evt.keyCode?evt.keyCode:evt.
&&&&&&&&if(key==38|key==40|key==13)
&&&&&&&&var&wd&=&document.getElementById(&wd&).
&&&&&&&&if(wd.length==0)
&&&&&&&&$.ajax({
&&&&&&&&&&&&url:'../../Example/AutoComplete/Handler1.ashx',
&&&&&&&&&&&&type:'POST',
&&&&&&&&&&&&dataType:'json',
&&&&&&&&&&&&data:&&wd=&+wd,&
&&&&&&&&&&&&error:function(x){alert(x.status);},
&&&&&&&&&&&&success:function(data){$(&#show_wd&).html(setTable(data)).show();}
&&&&&&&&});
&&&&//设置拼接Table
&&&&function&setTable(jsn)
&&&&&&&&if(jsn.s.length==0|jsn.s[0]==&&|jsn.s[0]==&undefined&)
&&&&&&&&&&&&document.getElementById(&show_wd&).style.display=&none&;
&&&&&&&&&&&&return&&;
&&&&&&&&var&html&=&&table&id=\&tb\&&width=\&100%\&&&;
&&&&&&&&for(var&i&in&jsn.s)
&&&&&&&&html+=&&tr&onmouseover=\&hLight(this)\&&&td&onclick=\&completeField(this)\&&&+jsn.s[i]+&&/td&&/tr&&;
&&&&&&&&html&+=&&tr&class=\&hlight\&&style=\&display:none\&&&td&&+document.getElementById('wd').value+&&/td&&/tr&&;
&&&&&&&&//alert(document.getElementById('wd').value);
&&&&&&&&html&+=&&/table&&;
&&&&&&&&//setDiv();//设置DIV
&&&&&&&&//alert(html);
&&&&&&&&return&
&&&&//设置DIV的位置
&&&&function&setDiv()
&&&&&&&var&txt&=&document.getElementById(&wd&);
&&&&&&&var&tDiv&=&document.getElementById(&show_wd&);
&&&&&&&tDiv.style.width&=txt.offsetW&+&&px&;
&&&&&&&var&left&=&calculateOffset(txt,&offsetLeft&);
&&&&&&&var&top&=&calculateOffset(txt,&&offsetTop&)&+&txt.offsetH
&&&&&&&tDiv.style.border&=&&black&1px&solid&;
&&&&&&&tDiv.style.left&=&left&+&&px&;
&&&&&&&tDiv.style.top&=&top&+&&px&;
&&&&//将该行的数据填充到文本框内
&&&&function&completeField(tdvalue)
&&&&&&&&document.getElementById(&wd&).value=tdvalue.innerT&
&&&&&&&&document.getElementById(&show_wd&).style.display=&none&;
&&&&//计算控件相对于浏览器的位置
&&&&function&calculateOffset(field,&attr)
&&&&&&&&&&var&offset&=&0;
&&&&&&&&&&while(field)&{
&&&&&&&&&&&&offset&+=&field[attr];&
&&&&&&&&&&&&field&=&field.offsetP
&&&&&&&&&&}
&&&&&&&&&return&
&&&&//在输入框内点击上下回车
&&&&function&KeyDown(evt)
&&&&&&&&evt&=&(evt)&?&evt&:&((window.event)&?&window.event&:&&&)&//兼容IE和Firefox获得keyBoardEvent对象
&&&&&&&&var&key&=&evt.keyCode?evt.keyCode:evt.&//兼容IE和Firefox获得keyBoardEvent对象的键值
&&&&&&&&if(key==38)
&&&&&&&&&&&&//上
&&&&&&&&&&&&lightMove(&up&);
&&&&&&&&if(key==40)
&&&&&&&&&&&&//下
&&&&&&&&&&&&lightMove(&down&);&&&&&&&&&&&&
&&&&&&&&if(key==13)
&&&&&&&&&&&&//回车
&&&&&&&&&&&&lightMove(&ok&);&&&&&&&&&&&&
&&&&//高亮移动
&&&&function&lightMove(cmd)
&&&&&&&&var&tb&=&document.getElementById(&tb&);
&&&&&&&&if(cmd==&up&)
&&&&&&&&&&&&//上
&&&&&&&&&&&&for(var&i=0;i&tb.rows.i++)
&&&&&&&&&&&&{
&&&&&&&&&&&&&&&if(tb.rows[i].className==&hlight&)
&&&&&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&&&&&tb.rows[i].className=&normal&;
&&&&&&&&&&&&&&&&&&&&i=i==0?tb.rows.length-1:i-1;
&&&&&&&&&&&&&&&&&&&&tb.rows[i].className=&hlight&;
&&&&&&&&&&&&&&&&&&&&sTxt(tb.childNodes[i].childNodes[0]);
&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&}
&&&&&&&&if(cmd==&down&)
&&&&&&&&&&&&for(var&i=0;i&tb.rows.i++)
&&&&&&&&&&&&{
&&&&&&&&&&&&&&&if(tb.rows[i].className==&hlight&)
&&&&&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&&&&&tb.rows[i].className=&normal&;
&&&&&&&&&&&&&&&&&&&&i=i==tb.rows.length-1?0:i+1;
&&&&&&&&&&&&&&&&&&&&tb.rows[i].className=&hlight&;
&&&&&&&&&&&&&&&&&&&&sTxt(tb.childNodes[i].childNodes[0]);
&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&}
&&&&&&&&if(cmd==&ok&)
&&&&&&&&&&&&for(var&i=0;i&tb.rows.i++)
&&&&&&&&&&&&{
&&&&&&&&&&&&&&&if(tb.rows[i].className==&hlight&)
&&&&&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&&&&completeField(tb.rows[i]);
&&&&&&&&&&&&&&&&}&&
&&&&&&&&&&&&}
&&&&//将输入的内容写进Table
&&&&function&insTR(tb)
&&&&&&&&var&new_tr&=&tb.insertRow(tb.rows.length);
&&&&&&&&var&new_td&=&new_tr.insertCell();
&&&&&&&&new_td.innerText=document.getElementById(&wd&).
&&&&&&&&new_tr.style.display=&none&;
&&&&&&&&new_tr.className=&hlight&;
&&&&//将数值写入文本框
&&&&function&sTxt(td)
&&&&//alert(td.innerText);
&&&&&&&&document.getElementById(&wd&).value=td.innerT
&&&&//高亮某行
&&&&function&hLight(tr)
&&&&&&&&var&tb&=&document.getElementById(&tb&);
&&&&&&&&for(var&i=0;i&tb.rows.i++)
&&&&&&&&&&&if(tb.rows[i].className==&hlight&)
&&&&&&&&&&&&{
&&&&&&&&&&&&&&&&tb.rows[i].className=&normal&;
&&&&&&&&&&&&&&&&
&&&&&&&&&&&&}&&
&&&&&&&&tr.className=&hlight&;
&&&&window.onload&=&function()
&&&&&&&&setDiv();
&&&&&&&&&/script&
&&&&&form&id=&form1&&runat=&server&&
&&&&&input&id=&wd&&type=&text&&style=&width:&500px&&autocomplete=&off&&onkeypress=&doit(event)&
&&&&&&&&&&&&&&&&onkeydown=&KeyDown(event)&&/&
&&&&&&&&&&&&&div&id=&show_wd&&style=&position:&&font-size:&12&display:none&&
&&&&&&&&&&&&&/div&
&&&&&/div&
&&&&&/form&
&&相关文章推荐
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：440647次
积分：3927
积分：3927
排名：第7701名
原创：96篇
转载：42篇
评论：20条
(6)(8)(17)(16)(1)(1)(1)(1)(9)(1)(71)(6)}