弹出查询框的上下键滚动

原创 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;
    }
   }

modal 弹出层后禁止底层滚动

看到一篇不错的介绍由弹出层引发对滚动原理的讨论亲自实验的时候各种坑,都知道在web上处理很简单:html, body{ overflow: hidden; }1.这样只能解决web上的问题,移...
  • q617610589
  • q617610589
  • 2016年05月10日 11:46
  • 3430

Android点击列表后弹出输入框,所点击项自动滚动到输入框上方

使用微信的朋友圈会发现,点击某一条评论后输入框会弹出来,然后所点击的那一项会自动地滚动到输入框上方的位置,这样如果开始所点击的评论在屏幕很下方的话,就不会被输入框遮住,虽然微信这一点在我的MX2频繁点...
  • angeldevil1
  • angeldevil1
  • 2014年06月03日 16:51
  • 1063

jquery 弹出框 当前页面 居中(有滚动条)

http://zhoujingxian.iteye.com/blog/1775070
  • u014263805
  • u014263805
  • 2014年07月10日 19:40
  • 1884

JS如何控制弹框出现在当前屏幕并且禁用滚动条

前言 一个做前台的,如果了解或者熟悉后台开发的相关知识,是很吃香的。一个后台开发的程序员,如果恰好会做前台页面,是不是也增色不少呢?其中的奥妙就靠自己去体会啦。 背景     最近在做一个家装项目...
  • u013038861
  • u013038861
  • 2016年03月26日 11:07
  • 5938

android 自定义含有滚动选择器的对话框

最近在写一个项目,需要用到滚动选择器,本人的想法是弹出一个对话框,中间包含滚动选择器,其中滚动选择器的源码参考的这篇文章http://blog.csdn.net/zhongkejingwang/art...
  • FLT1130045604
  • FLT1130045604
  • 2016年04月12日 14:00
  • 2293

弹出层时取消页面滚动

原文地址:http://www.cnblogs.com/leejersey/p/4173566.html 做过弹层组件的童鞋应该都考虑过特殊情况下取消页面滚动条,让其不能滚动,这样用户体验会...
  • cysear
  • cysear
  • 2015年11月21日 14:18
  • 2710

bootstrap 4-标签页制作和弹出框(模态框)制作

1、标签页(Tabs) 标签页是一个经常使用的组件,可以放置较多的内容,又可以节省页面空间。 如下: 无需写任何JavaScript代码,只需要简单的为页面元素指定data-toggle...
  • sanluo11
  • sanluo11
  • 2017年01月25日 17:50
  • 1189

写一个可以快速弹出多种滚轮选择器(PickerView)的小工具

使用示例效果TextField使用示例按钮使用示例(gif效果不满意)可以简单快速的实现上图中的效果使用方法1. TextField支持xib和代码生成使用, 只需调用一个方法, 设置选择的数据, 和...
  • zerojswift
  • zerojswift
  • 2016年04月27日 00:08
  • 1907

移动端js弹出层滚动的时候 body层不可滚动的解决办法

最近在做移动端网站,在点击导航栏,弹出导航列表时,出现了问题。下滑列表时底层body也跟着滚动,连查带想的折腾了两天才解决这个问题。下面主要分享一下解决办法以及关键代码。一、有的网友建议弹出层弹出时给...
  • queenzjl
  • queenzjl
  • 2016年12月07日 16:19
  • 1851

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

现在常见的效果:点击按钮向上弹出框展示信息,弹出后背景变为半透明,并且支持手势滑动关闭弹出框。 效果图如下: 下面上代码: 1、核心类:自定义向上弹出框 VerticalScr...
  • HMYANG314
  • HMYANG314
  • 2015年01月22日 11:12
  • 2357
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:弹出查询框的上下键滚动
举报原因:
原因补充:

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