[ 来源: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)