| 以下為引用的內容： <input id="Text1" style="width: 300px; height: 21px;" type="text" onkeyup="getA();" onclick="getxy(this);"/> <input id="Text1" style="width: 300px; height: 21px;" type="text" onkeyup="getA();" onclick="getxy(this);"/> |
| 以下為引用的內容： //getxy()代碼,為將要顯示的div確定位置 Function getxy()//getxy()代碼,為將要顯示的div確定位置 { x=e.offsetTop; y=e.offsetLeft; while(ee=e.offsetParent) { x+=e.offsetTop; y+=e.offsetLeft; } }//用戶輸入后,延遲1-2秒提交即可,以免造成服務器端負載. function getQList() { var time=new Date().getTime(); var val=document.getElementById("Text1").value; if(val!=null || val!="" || val.length!=0) { var send="action=get1&time="+time+"&val="+val; myRequest("../Temp.aspx",send,getQListhandle); } } //處理函數,創建表格,填充到div中,代碼中的changeColor()是用于鼠標移動后改變顏色的. function getQListhandle() { var getXML=null; if(req.readyState==4) { if(req.status==200) { getXML=req.responseXML; var innerHTML=null; var newslist = getXML.getElementsByTagName("news"); if((newslist!=null)&&(newslist.length!=0)) { innerHTML = "<table style="font-size: 9pt;width:100%" cellpadding="0" cellspacing="0" border="0">"; for(var i=0;i<newslist.length;i++) { var news = newslist[i]; var id = (news.childNodes[0].firstChild==null)?"":news.childNodes[0].firstChild.data; var caption = (news.childNodes[1].firstChild==null)?"":news.childNodes[1].firstChild.data; innerHTML += "<tr onmouseover="changecolor1(this);" onmouseout="changecolor2(this);">"; innerHTML += "<td height='25' style="cursor:hand" onclick="look2('"+id+"');">"+caption+"</td>"; innerHTML += "</tr>"; } innerHTML += "</table>"; } else { //innerHTML += "暫時沒有數據"; document.getElementById("list").innerHTML=""; document.getElementById("list").style.display="none"; } setLocal();//注意,此處定位Div的位置 } } } //(3)定位div,讓div顯示在文本框的下方,寬度等于文本框的寬度 function setLocal() { var list=document.getElementById("list"); list.style.top=x+21; list.style.left=y; } //服務器端代碼不再贅述.基本原理就是這樣實現. |
程序員人生，我編程，我富裕，記住wfuyu網，php教程，php學習，php手冊，CMS模版制作
聲明：本站大部分內容是作者原創，少部分收集于互聯網供大家一起學習，原版權很多不明，如有侵權請聯系本站，謝謝！
粵ICP備14040726號-1?? 2015-2020 程序員人生 版權所有
