当前位置:首页>网络学院>网页制作>Javascript教程>文章内容

文本框自动完成填写代码AutoComplate

[ 来源:http://www.it55.com | 作者: | 时间:2007-11-22 | 收藏 | 推荐 ] 【

//-----------Create by sjett 2007-11-19----------------
 
    var _outTime = 3000;    //setTimeOut(function,outTime);
    var inputObj = false;             //current input text control
    var setTimeOutId = false;
    var displayDiv = false;        //display div
   
    function autoComplate_Init(ObjId)
    {
        inputObj = document.getElementById(ObjId);
        _outTime = isNaN(parseInt(inputObj.getAttribute("outTime"))) ? _outTime : parseInt(inputObj.getAttribute("outTime"));
       
        autoComplate_InitEvent();               //init input control Event
        autoComplate_InitDisplayDiv();
    }
   
    function autoComplate_InitEvent()
    {
        inputObj.onkeyup = autoComplate_ChangeEvent;  //onchange onpropertychange
        inputObj.onblur = autoComplate_DisposeEvent;
    }
   
    function autoComplate_InitDisplayDiv()
    {
        var divHtml = '<div id="autoComplateList"></div>';
        document.write(divHtml);
       
        displayDiv = document.getElementById('autoComplateList');
        autoComplate_DisposeEvent();    //hiddern
        displayDiv.style.top = (inputObj.offsetTop + inputObj.offsetHeight) + "px";   //top,left
        displayDiv.style.left = inputObj.offsetLeft + "px";
        displayDiv.style.width = inputObj.offsetWidth + "px";   //height,width
    }

    function autoComplate_ChangeEvent()
    {
        if (inputObj.value == '') {return;}
        if (setTimeOutId)
            {clearTimeout(setTimeOutId);}
        setTimeOutId = setTimeout(function(){
        //这里做一些你想在Input控件的事件中处理事务

        autoComplate_GetData();
        } , _outTime);
    }
   
    function autoComplate_DisposeEvent()
    {
        if (displayDiv)
        {
            displayDiv.style.visibility = 'hidden';
            displayDiv.style.display = 'none';
           
            displayDiv.innerHTML = '';             //clear
            setTimeOutId = false;
        }
    }
   
    function autoComplate_DisplayDivShow()
    {
        if (displayDiv)
        {
            displayDiv.style.visibility = 'visible';
            displayDiv.style.display = 'block';
           
            setTimeOutId = false;
        }
    }
   
    function autoComplate_DisplayDivOnRowOver()
    {
        eval('this.className = "autoComplateList-tr-over"');
    }
   
    function autoComplate_DisplayDivOnRowOut()

(编辑:IT资讯之家 www.it55.com

返回顶部
共2页: 上一页 1 [2] 下一页  

网友评论

[以下评论为网友观点,不代表本站。请自觉遵守互联网相关政策法规,所有连带责任均有评论者自负。]
[不超过250字]

图片文章