存档

文章标签 ‘输入’

简单模拟google输入自动完成

2008年3月28日 編程·程序設計 1,035 views
没有评论

昨晚看到景圳的QQ空间里一篇关于用JS控制DIV显示位置的文章，想到自己之前写订餐系统时的一个模拟Google输入自动完成的方法，于是也想整理出来。之前本BLOG转来的一篇文章比我这个方法更完善点，详细见：用AJAX实现google输入自动完成的简单模拟。本文介绍的这种方法也是用AJAX来实现，没做太多的注释，不过都蛮容易看懂的。 下面先看截图： 实现方法： JS <script language=“javascript” type=“text/javascript”> var oLeft=0,oTop=0,oWidth=0,oHeight=0; var oLeft1=180,oTop1=220,oWidth1=100; var disStr_TrueName; var thisInput_TrueName; var thisInputValue_TrueName; var username=“”; //获取坐标输入框的坐标 function getAbsPoint() { e = document.getElementById(“ctl00$ContentPlaceHolder1$txtUserName”); var x   =   e.offsetLeft,   y   =   e.offsetTop; while(e=e.offsetParent) { x   +=   e.offsetLeft; y   +=   e.offsetTop; } oLeft1=x; oTop1=y+20; } //输入框内容改变触发事件 function showUserInfo_TrueName_List_callBack() { txtAuthor=document.getElementById(“ctl00$ContentPlaceHolder1$txtUserName”); username=txtAuthor.value; thisInputValue_TrueName=username; //通过AJAX读取数据库获取信息 AjaxMethod.getUserInfoByTrueName(username,getUserInfoByTrueName_CallBack); } //构造信息内容 function getUserInfoByTrueName_CallBack(response) { if (response.value != null) { var ds = response.value; try{ if(ds != [...]

, , ,