弹出查询框的上下键滚动

原创 2007年09月15日 14:37:00

    function kp()
   {
    //div_VesselName    
    if(13==window.event.keyCode)
    {
     $('div_VesselName').style.display='none';
     return;
    }    
    if(38==window.event.keyCode)
    {
     return;
    }
    if(40==window.event.keyCode)
    {
     return;
    }    
    SrchVesselName();
   }
   
   function SrchVesselName()
   {
    $('h_vesselNameID').value=0;
   
    var url="../Ajax/SearchVesselName.aspx?";
    var pars="srchText="+$('txtName').value;    
    
    var myAjax = new Ajax.Request(
    url,   
    {
     method: 'post',
     parameters: pars,
     onComplete: showResult
    }); 
   }
   
   function showResult(rep)
   {       
    $('div_VesselName').style.left =parseInt($('navigation1').style.left)+206;    
    $('div_VesselName').style.top =parseInt($('navigation1').style.top)+87;
    $('div_VesselName').style.display='block';
    $('div_VesselName').innerHTML=rep.responseTEXT;
   }
   
   function setVesselName(obj)
   {    
    var s=obj.getElementsByTagName('span');    
    $('txtName').value=s[0].innerHTML;
    $('h_vesselNameID').value=s[1].innerHTML;
    
    $('div_VesselName').style.display='none';
   }
   
   //弹出查询框的上下键滚动
   var focusID=-1;
   var maxID=-1;
   var inputText;
        
   function kd()
   { 
    var txtInput=document.getElementById("txtName");
    var srchDiv=document.getElementById("div_VesselName");
    
    if(srchDiv==null)
    {
     return;
    }
    
    var divs=srchDiv.getElementsByTagName("div");
    var spans=srchDiv.getElementsByTagName("span");
            
    maxID = divs.length-1;
            
    if(maxID==-1)
    {
     return;
    }
            
    if(focusID==-1)
    {
     inputText=txtInput.value;
    }
            
    if(38==window.event.keyCode)
    {
     if(focusID==-1)
     {
      focusID=maxID;
      divs[focusID].style.backgroundColor='#EBF3FB';
      txtInput.value=spans[focusID*2].innerHTML;
      return;
     }
                
     if(focusID==0)
     {
      divs[focusID].style.backgroundColor='#FFFFFF';
      focusID--;
      txtInput.value=inputText;                        
      return;
     }
                
     if(focusID==maxID)
     {  
      divs[focusID-1].style.backgroundColor='#EBF3FB';
      divs[focusID].style.backgroundColor='#FFFFFF';
      focusID--;
      txtInput.value=spans[focusID*2].innerHTML;
      return;
     }
                
     divs[focusID-1].style.backgroundColor='#EBF3FB';               
     divs[focusID].style.backgroundColor='#FFFFFF';
     focusID--;
     txtInput.value=spans[focusID*2].innerHTML;
     return;
    }

    if(40==window.event.keyCode)
    {
     if(focusID==-1)
     {               
      focusID=0;
      divs[focusID].style.backgroundColor='#EBF3FB';
      txtInput.value=spans[0].innerHTML;                      
      return;
     }
                
     if(focusID==0)
     {
      if(maxID==0)
      {
       divs[focusID].style.backgroundColor='#FFFFFF';
       focusID=-1;
       txtInput.value=inputText;
       return;      
      }
      
      divs[focusID].style.backgroundColor='#FFFFFF';
      divs[focusID+1].style.backgroundColor='#EBF3FB';                   
      focusID++;                        
      txtInput.value=spans[2].innerHTML;
      return;
     }
                
     if(focusID==maxID)
     {  
      divs[focusID].style.backgroundColor='#FFFFFF';
      focusID=-1;
      txtInput.value=inputText;
      return;
     }
                
     divs[focusID+1].style.backgroundColor='#EBF3FB';               
     divs[focusID].style.backgroundColor='#FFFFFF';
     focusID++;
     txtInput.value=spans[focusID*2].innerHTML;
     return;
    }
   }

相关文章推荐

Android:继承ScrollView实现自定义向上滚动弹出框(背景半透明)

现在常见的效果:点击按钮向上弹出框展示信息,弹出后背景变为半透明,并且支持手势滑动关闭弹出框。 效果图如下: 下面上代码: 1、核心类:自定义向上弹出框 VerticalScr...

android 软键盘弹出,屏幕整体滚动到底部效果

AndroidManifest.xml:     activity   android:windowSoftInputMode="stateAlwaysHidden|adjustResize 前台页面...

JS触发滚动条弹出层

  • 2012年11月26日 20:09
  • 24KB
  • 下载

Js弹出DIV遮罩层并在页面滚动居中显示效果

Js居中弹出遮罩层效果 *{margin:0;padding:0;} #bt{border: 2px solid #000;background-color: #ccc;cursor: poi...
  • jj88888
  • jj88888
  • 2014年03月03日 11:35
  • 1741

jQuery轮播图效果+ bxCarousel实现图片滚动切换效果+Mootools Videobox实现视频图片弹出类lightbox效果

一、BxCarousel实现图片滚动切换 BxCarousel是一个具有众多配置且易用的Jquery图片滚动插件,特征主要有: ◆ 可以指定显示的元素总数 ◆ 可以指定每次滚动的元素个数 ...

ios 键盘弹出 视图向上滚动键盘高度

首先要对键盘添加监听: 在viewDidLoad中添加如下代码: [[NSNotificationCenter defaultCenter]addObserver:self sel...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:弹出查询框的上下键滚动
举报原因:
原因补充:

(最多只允许输入30个字)