AutoQueryTextBox(AjaxPro.dll)非常值得研究的javascript代码

- 日理万妓 2021-12-24 14:53 141阅读 0赞

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][] Code   
// Download by http://www.codefans.net  
var DIV\_BG\_COLOR ="\#FFE0C0";  
var DIV\_HIGHLIGHT\_COLOR ="\#6699FF";  
var DIV\_FONT ="Arial";  
var DIV\_PADDING ="2px";  
var DIV\_BORDER ="1px solid \#CCC";  
var queryField;  
var divName;  
var ifName;  
var lastVal ="";  
var val ="";  
var globalDiv;  
var divFormatted =false;  
  
function InitQueryCode(queryFieldName, hiddenDivName )  
\{  
queryField = document.getElementById( queryFieldName );  
queryField.onblur = hideDiv;  
queryField.onkeydown = keypressHandler;  
queryField.autocomplete ="off";  
  
if( hiddenDivName )  
\{  
divName = hiddenDivName;  
\}  
else  
\{  
divName ="querydiv";  
\}  
  
ifName ="queryiframe";  
setTimeout("mainLoop()",100);  
\}  
  
function getDiv(divID)  
\{  
if(!globalDiv)  
\{  
if(!document.getElementById(divID))  
\{  
var newNode = document.createElement("div");  
newNode.setAttribute("id", divID);  
document.body.appendChild(newNode);  
\}  
globalDiv = document.getElementById(divID);  
var x = queryField.offsetLeft;  
var y = queryField.offsetTop \+ queryField.offsetHeight;  
var parent = queryField;  
while(parent.offsetParent)  
\{  
parent = parent.offsetParent;  
x \+= parent.offsetLeft;  
y \+= parent.offsetTop;  
\}  
if(!divFormatted)  
\{  
globalDiv.style.backgroundColor = DIV\_BG\_COLOR;  
globalDiv.style.fontFamily = DIV\_FONT;  
globalDiv.style.padding = DIV\_PADDING;  
globalDiv.style.border = DIV\_BORDER;  
globalDiv.style.width ="100px";  
globalDiv.style.fontSize ="90%";  
globalDiv.style.position ="absolute";  
globalDiv.style.left = x \+"px";  
globalDiv.style.top = y \+"px";  
globalDiv.style.visibility ="hidden";  
globalDiv.style.zIndex =10000;  
divFormatted =true;  
  
\}  
\}  
return globalDiv;  
\}  
  
function showQueryDiv(resultArray)  
\{  
var div = getDiv(divName);  
while( div.childNodes.length >0 )  
\{  
div.removeChild(div.childNodes\[0\]);  
\}  
for(var i =0; i < resultArray.length; i\++)  
\{  
var result = document.createElement("div");  
result.style.cursor ="pointer";  
result.style.padding ="2px 0px 2px 0px";  
result.style.width = div.style.width;//Add width   
 \_unhighlightResult(result);  
result.onmousedown = selectResult;  
result.onmouseover = highlightResult;  
result.onmouseout = unhighlightResult;  
  
var value = document.createElement("span");  
value.className ="value";  
value.style.textAlign ="left";  
value.style.fontWeight ="bold";  
value.innerHTML = resultArray\[i\];  
result.appendChild(value);  
div.appendChild(result);  
\}  
showDiv(resultArray.length >0);  
\}  
  
function selectResult()  
\{  
\_selectResult(this);  
\}  
function \_selectResult( item )  
\{  
var spans = item.getElementsByTagName("span");  
if( spans )  
\{  
for(var i =0; i < spans.length; i\++)  
\{  
if( spans\[i\].className =="value" )  
\{  
queryField.value = spans\[i\].innerHTML;  
lastVar = val = escape( queryField.value );  
mainLoop();  
queryField.focus();  
showDiv( false );  
return;  
\}  
\}  
\}  
\}  
  
function highlightResult()  
\{  
\_highlightResult( this );  
\}  
  
function \_highlightResult( item )  
\{  
item.style.backgroundColor = DIV\_HIGHLIGHT\_COLOR;  
\}  
  
function unhighlightResult()  
\{  
\_unhighlightResult( this );  
\}  
  
function \_unhighlightResult( item )  
\{  
item.style.backgroundColor = DIV\_BG\_COLOR;  
\}  
  
function showDiv( show )  
\{  
var div = getDiv( divName );  
if( show )  
\{  
div.style.visibility ="visible";  
\}  
else  
\{  
div.style.visibility ="hidden";  
\}  
adjustiFrame();  
\}  
  
function hideDiv()  
\{  
showDiv( false );  
\}  
  
function keypressHandler(evt)  
\{  
var div = getDiv( divName );  
if( div.style.visibility =="hidden" )  
\{  
returntrue;  
\}  
if( !evt && window.event )  
\{  
evt = window.event;  
\}  
var key = evt.keyCode;  
  
var KEYUP =38;  
var KEYDOWN =40;  
var KEYENTER =13;  
var KEYTAB =9;  
if(( key != KEYUP ) && ( key != KEYDOWN ) && ( key != KEYENTER ) && ( key != KEYTAB ))  
\{  
returntrue;  
\}  
var selNum = getSelectedSpanNum( div );  
var selSpan = setSelectedSpan( div, selNum );  
if( key == KEYENTER || key == KEYTAB )  
\{  
if( selSpan )  
\{  
\_selectResult(selSpan);  
\}  
evt.cancelBubble=true;  
returnfalse;  
\}  
else  
\{  
if( key == KEYUP)  
\{  
selSpan = setSelectedSpan( div, selNum \-1 );  
\}  
if( key == KEYDOWN )  
\{  
selSpan = setSelectedSpan( div, selNum \+1 );  
\}  
if( selSpan )  
\{  
\_highlightResult( selSpan );  
\}  
\}  
showDiv( true );  
returntrue;  
\}  
  
function getSelectedSpanNum( div )  
\{  
var count =\-1;  
var spans = div.getElementsByTagName("div");  
if( spans )  
\{  
for( var i =0; i < spans.length; i\++)  
\{  
count\++;  
if( spans\[i\].style.backgroundColor != div.style.backgroundColor )  
\{  
return count;  
\}  
\}  
\}  
return\-1;  
\}  
function setSelectedSpan( div, spanNum )  
\{  
var count =\-1;  
var thisDiv;  
var divs = div.getElementsByTagName("div");  
if( divs )  
\{  
for( var i =0; i < divs.length; i\++ )  
\{  
if( \++count == spanNum )  
\{  
\_highlightResult( divs\[i\] );  
thisDiv = divs\[i\];  
\}  
else  
\{  
\_unhighlightResult( divs\[i\] );  
\}  
\}  
\}  
return thisDiv;  
\}  
  
function adjustiFrame()  
\{  
if(!document.getElementById(ifName))  
\{  
var newNode = document.createElement("iFrame");  
newNode.setAttribute("id", ifName);  
newNode.setAttribute("src","javascript:false;");  
newNode.setAttribute("scrolling","no");  
newNode.setAttribute("frameborder","0");  
document.body.appendChild( newNode );  
\}  
iFrameDiv = document.getElementById( ifName );  
var div = getDiv( divName );  
try  
\{  
iFrameDiv.style.position ="absolute";  
iFrameDiv.style.width = div.offsetWidth;  
iFrameDiv.style.height = div.offsetHeight;  
iFrameDiv.style.top = div.style.top;  
iFrameDiv.style.left = div.style.left;  
iFrameDiv.style.zIndex = div.style.zIndex \-1;  
iFrameDiv.style.visibility = div.style.visibility;  
\}  
catch (e)  
\{\}  
\}

[/Files/hubcarl/AjaxProAutoQuery.rar][Files_hubcarl_AjaxProAutoQuery.rar]

转载于:https://www.cnblogs.com/hubcarl/archive/2009/10/30/1592683.html

[ContractedBlock.gif]: https://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211223/a08dcf51363841709722d643061d7a0c.png
[Files_hubcarl_AjaxProAutoQuery.rar]: http://files.cnblogs.com/hubcarl/AjaxProAutoQuery.rar