马劲-实现GoogleSuggestAutcomplete.docVIP

Google Suggest Autcomplete 的实现 前台： HTML： Default.aspx %@ Page Language=C# AutoEventWireup=true CodeFile=Default.aspx.cs Inherits=_Default % ? !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd ? html xmlns=/1999/xhtml head meta http-equiv=Content-Type content=text/html; charset=iso-8859-1 / titleUsing Google Search/title script type=text/JavaScript src=fun.js /script /head body h1Google Suggest/h1 input type=text id=tb_kw name=textField onkeyup=connectGoogleSuggest() style=width: 270px/ div id=targetDiv style=position:absolute;border:solid 1px black; z-index:20000; background-color:White; display:none;/div /body /html func.js: function $(i) { return document.getElementById(i);} function getPosition(ele){ var overflown = []; var el = ele, left = 0, top = 0; do { left += el.offsetLeft || 0; top += el.offsetTop || 0; el = el.offsetParent; } while (el); return {x: left, y: top}; } function connectGoogleSuggest() { var input = $(tb_kw); var h=$(targetDiv); //h._i=-1000; if (!input.value||!input.value.length||event.keyCode==27) { h.style.display=none; return; } if (event.keyCode==38 || event.keyCode==40) { // alert(h.style.display); if (h.style.display==none) { return; } if (event.keyCode==38) { //alert(event.keyCode); if (h._i==-1) { h._i=h.firstChild.rows.length-1; } else { h._i--; } } else { //alert(h._i); h._i++; } for(var i=0; ih.firstChild.rows.length; i++) { h.firstChild.rows[i].style.backgroundColor=#FFFFFF; } if(h._i = 0 h._i h.firstChild.rows.length) with(h.firstChild.rows[h._i]) { style.backgroundColor=#D0ECF9; input.value=cells[0].innerT