首页 / AJAX / ajax 自动完成下拉框自动提示位置问题

ajax 自动完成下拉框自动提示位置问题

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax 自动完成下拉框自动提示位置问题，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3577字，纯文字阅读大概需要6分钟。

内容图文

代码如下:
            function divPosition(){
                var clx,cly;
                clx=event.clientX;
                cly = event.clientY;
                objouter.style.top    = clx+10;
                objouter.style.left    = cly+20;
                objouter.style.width= getAbsoluteWidth(objInput)
            }

问题出在
                objouter.style.top    = clx+10;
                objouter.style.left    = cly+20;
                objouter.style.width= getAbsoluteWidth(objInput);
如果改成getAbsoluteTop(objInput);
getAbsoluteLeft(objInput);
在表格里的文本框输入东东就死IE了
但我不知道怎么改

层的位置不对 
<script language="javascript"> 
var intIndex=0;arrList = new Array();

function dearray(aa)//定义array 
{ 
    //document.write(aa); 
    arrList = aa.split(','); 
    intIndex = arrList.length；

}

function test() {

init(); 
    dearray("asp,csdn,aaaa,bbbbc,afd,werwe,adfs,ertr,qwq,qwqwq,trt,uyus,dsfs,uere,add,234,2,1dr4,ae4564,adf4645,afa3543,sdfse5,ae345345,sdf4564,34346536");

smanPromptList(arrList,"aspx"); 
    dearray("1sdfsdf.com,a11sdafs.net,b22dsafsdf,c333asdfsadf,4444dsafasdf,dddsfddsafdsaf,121213dsafsdaf,43213asdfadsf,dsa3121dasf3,a213,323313,3213,32213,dsfsdddd,ds11dfsfd,ffdafd,afdfd,afd,baffad,2fda2fd,dasd"); 
    smanPromptList(arrList,"aspx2"); 
    smanPromptList(arrList,"inputer") 
} 
function init() {

if (arrList.constructor!=Array){alert('smanPromptList初始化失败:第一个参数非数组!');return ;} 
    arrList.sort( function(a, b) { 
    if(a.length>b.length)return 1; 
    else if(a.length==b.length)return a.localeCompare(b); 
    else return -1; 
        } 
    );  
}

function smanPromptList(arrList,objInputId){ 
        var objouter=document.getElementById("__smanDisp") //显示的DIV对象 
        var objInput = document.getElementById(objInputId); //文本框对象 
        var selectedIndex=-1; 
        var intTmp; //循环用的:)

if (objInput==null) {alert('smanPromptList初始化失败:没有找到"'+objInputId+'"文本框');return ;} 
            //文本框失去焦点 
            objInput.onblur=function(){ 
                objouter.style.display='none'; 
            } 
            //文本框按键抬起 
            objInput.onkeyup=checkKeyCode; 
            //文本框得到焦点 
            objInput.onfocus=checkAndShow; 
            function checkKeyCode(){ 
                var ie = (document.all)? true:false 
                if (ie){ 
                    var keyCode=event.keyCode 
                    if (keyCode==40||keyCode==38){ //下上 
                        var isUp=false 
                        if(keyCode==40) isUp=true ; 
                        chageSelection(isUp) 
                    }else if (keyCode==13){//回车 
                        outSelection(selectedIndex); 
                    }else{ 
                        checkAndShow() 
                    } 
                }else{ 
                    checkAndShow() 
                } 
                divPosition() 
            }

if (intTmp==selectedIndex){ 
                        objouter.children[intTmp].className="sman_selectedStyle"; 
                    }else{ 
                        objouter.children[intTmp].className=""; 
                    } 
                } 
            } 
            function outSelection(Index){ 
                objInput.value = objouter.children[Index].innerText; 
                objouter.style.display='none'; 
            } 
            function divPosition(){ 
                var clx,cly; 
                clx=event.clientX; 
                cly = event.clientY; 
                objouter.style.top    = cly+10; 
                objouter.style.left    = clx+20;  
                objouter.style.width= getAbsoluteWidth(objInput) 
            } 
    } 
    document.write(" "); 
    document.write("<style>.sman_selectedStyle{background-Color:#102681;color:#FFFFFF}</style>"); 
    function getAbsoluteHeight(ob){ 
        return ob.offsetHeight 
    } 
    function getAbsoluteWidth(ob){ 
        return ob.offsetWidth 
    } 
    function getAbsoluteLeft(ob){ 
        var mendingLeft = ob .offsetLeft; 
        while( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != "BODY" ){ 
            mendingLeft += ob .offsetParent.offsetLeft; 
            mendingOb = ob.offsetParent; 
        } 
        return mendingLeft ; 
    } 
    function getAbsoluteTop(ob){ 
        var mendingTop = ob.offsetTop; 
        while( ob != null && ob.offsetParent != null && ob.offsetParent.tagName != "BODY" ){ 
            mendingTop += ob .offsetParent.offsetTop; 
            ob = ob .offsetParent; 
        } 
        return mendingTop ; 
    } 
</script> 
<body onLoad="test()"> 
 下拉提示跟着 MOuse 走的。。想把他改成在文本框下出来的那种怎么改 
<input type="text" id="aspx">

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的ajax 自动完成下拉框自动提示位置问题全部内容，希望文章能够帮你解决ajax 自动完成下拉框自动提示位置问题所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/382690.html

来源：【匿名】

【上一篇】如何解决远程页面抓取中的乱码问题【下一篇】AJAX for PHP简单表数据查询实例

更多 ►

【ajax 自动完成下拉框自动提示位置问题】教程文章相关的互联网学习教程文章

jQuery ajax仿Google自动提示SearchSuggess功能示例【图】

本文实例讲述了jQuery ajax仿Google自动提示SearchSuggess功能。分享给大家供大家参考，具体如下：页面： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!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>seach</tit...

使用Ajax模仿百度搜索框的自动提示功能实例【图】

啊啊，熬夜了。今天学习了ajax给我的感觉就是，”哇塞“ajax好酷炫哦，（额。。。后端狗，接触到了大前端的魅力了），这么晚了还是直奔主题把。Lets go! 百度搜索提示框，我想大家都很熟悉了把，是什么样子我也就不再赘述。直接看代码来我们写一个简陋的jsp页面 Look! 是这个样子的下面是代码: <%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML ...