长沙电脑维修-长沙电脑上门维修-笔记本维修-上门修显示器
滚动新闻：
  网站首页     维修业界     网络安全     硬件故障     软件故障     系统故障     硬件维修     系统安装     驱动下载     维修信息  
欢迎来到长沙电脑维修网，一个电话上门维修电脑 13347311093 0731-82917806 您的满意是我们进步的动力! 请您留言|设为首页|加入收藏
长沙电脑上门维修
您当前位置：网站首页 >> 硬件故障 >> 显卡故障 >> 正文阅读

Ajax文本框输入提示

来源：互联网 发布时间：2009-05-01 00:31:29 查看次数：

长沙监控安装

一个Ajax文本框输入提示的例子，用asp实现:

前台文件

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml"> 
  3. <head> 
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  5. <title>文本框输入提示</title> 
  6. <style type="text/css">...  
  7. <!--  
  8. .keyword {...}{width:150px; height:20px; border:#0066FF 1px solid;}/**//*文本框样式*/  
  9. #keytishi {...}{width:150px; height:auto; border:#0066FF 1px solid; position:absolute; display:none;}/**//*提示层样式*/  
  10. #keytishi ul {...}{ margin:0;}/**//*提示层样式*/  
  11. #keytishi ul li{...}{margin:0;list-style-type:none; line-height:16px; height:16px; font-size:12px; padding:2px;}/**//*提示层样式*/  
  12. #keytishi ul li a {...}{display:block; width:150px; height:16px; text-decoration:none;}/**//*提示层样式*/  
  13. #keytishi ul li a:hover {...}{background-color:#0099FF;}/**//*提示层样式*/  
  14. --> 
  15. </style> 
  16. <script type="text/javascript">...  
  17. <!--  
  18.  
  19. //建立XMLHttpRequest对象  
  20. var xmlhttp;  
  21. try...{  
  22.     xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');  
  23. }catch(e)...{  
  24.     try...{  
  25.         xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');  
  26.     }catch(e)...{  
  27.         try...{  
  28.             xmlhttp= new XMLHttpRequest();  
  29.         }catch(e)...{}  
  30.     }  
  31. }  
  32.  
  33. function getKeyWord()...{  
  34.     var obj = document.getElementById("search");//获取文本域对象  
  35.     if(obj.value=="")...{  
  36.         return;  
  37.     }  
  38.     var top=0;  
  39.     var left=0;  
  40.     while(obj)...{//此循环得到文件域对象在页面中的绝对位置  
  41.         top += obj["offsetTop"];  
  42.         left += obj["offsetLeft"];  
  43.         objobj = obj.offsetParent;  
  44.     }  
  45.     xmlhttp.open("get","input.asp?keyword="+document.getElementById("search").value,true);  
  46.     xmlhttp.onreadystatechange = function()...{  
  47.         if(xmlhttp.readyState == 4)  
  48.         ...{  
  49.             if(xmlhttp.status == 200)  
  50.             ...{  
  51.                 if(xmlhttp.responseText!="")...{  
  52.                     document.getElementById("keytishi").innerHTML = unescape(xmlhttp.responseText);//把后台返回的数据填充到提示层  
  53.                     document.getElementById("keytishi").style.left = left + "px";//设置提示层的位置,左  
  54.                     document.getElementById("keytishi").style.top = (top + 25) + "px";//设置提示层的位置,上  
  55.                     document.getElementById("keytishi").style.display = "block";//设置提示层可见  
  56.                 }else...{  
  57.                     document.getElementById("keytishi").innerHTML = "";//清空提示层  
  58.                     document.getElementById("keytishi").style.display = "none";//设置提示层不可见  
  59.                 }  
  60.             }  
  61.             else...{  
  62.               
  63.             }  
  64.         }  
  65.     }  
  66.     xmlhttp.setRequestHeader("If-Modified-Since","0");  
  67.     xmlhttp.send(null);  
  68. }  
  69. function input(str)...{  
  70.     document.getElementById("search").value=str;//从提示层选择你需要的数据填充到文本框  
  71.     document.getElementById("keytishi").innerHTML = "";//清空提示层  
  72.     document.getElementById("keytishi").style.display = "none";//设置提示层不可见  
  73. }  
  74. //--> 
  75. </script> 
  76. </head> 
  77. <body> 
  78. <input type="text" class="keyword" id="search" name="search" onkeyup="getKeyWord();" onclick="getKeyWord();" /> 
  79. <div id="keytishi"></div><!--提示层--> 
  80. </body> 
  81. </html> 

后台文件 [input.asp]

  1. <%...@LANGUAGE="VBSCRIPT" CODEPAGE="65001"%> 
  2. <!--#include file="conn.asp"--> 
  3. <%...  
  4.     dim rs  
  5.     dim sql  
  6.       
  7.     dim keyWords  
  8.       
  9.     keyWrods = Request("keyword")  
  10.       
  11.     Set rs = Server.CreateObject("ADODB.Recordset")  
  12.     sql = "select * from king_test where keyword like '%"&keyWrods&"%'"  
  13.     rs.open sql,conn,1,1  
  14.     if not (rs.bof and rs.eof) then  
  15.     Response.Write("<ul>")  
  16.     do while not rs.eof  
  17. %> 
  18. <li><a href="javascript:void(null);" onclick="input('<%Response.Write(escape(rs("keyword")))%>');"><%...Response.Write(escape(rs("keyword")))%></a></li> 
  19. <%...  
  20.     rs.movenext  
  21.     loop  
  22.     Response.Write("<ul>")  
  23.     end if  
  24.     rs.close  
  25.     set rs = nothing 
  26.     conn.close  
  27.     Set conn = nothing 
  28. %> 

escape与unescape是用来编码的和解码的,这是为了避免汉字出现乱码，在XP + IE6,7,Firefox测试通过

·上一条：AJAX的类库中使用服务接口定义[ASP.NET]
·下一条：AJAX应用中使用TODO服务[ASP.NET]
相关文章
·怎样进入BOIS进行显卡超频？ 2010-08-04 01:48:22
·如何设置显卡到最佳性能 2010-08-04 01:39:09
·显卡与主板接触不良导致电脑无法启动 2010-11-10 23:09:37
·电脑开机黑屏 检测卡显示代码85 2011-03-05 16:31:48
·电脑玩游戏花屏但电脑没死机 2012-03-19 19:46:01
·台式电脑的显卡有多个显示接口也不能实现三屏输出 2012-10-19 22:38:21
·如何让GF7600GT显卡变得更宁静 2011-11-11 15:49:22
·打开多个游戏客户端电脑就出现花屏现象 2012-02-23 00:29:49
文章评论
现在有0人对本文发表评论 查看所有评论
同行交流
电脑维修公司
宇翔电脑维修
  最新文章
·用VGA接口连显示器 电脑经常死机无法进系统
·显卡电容爆浆故障导致进系统时花屏
·用驱动人生更新显卡后显示不正常了
·显卡不装驱动正常使用但是装上驱动就蓝屏重
·台式电脑的显卡有多个显示接口也不能实现三
·电脑停留在开机主板信息界面不动了
·什么因素影响笔记本显卡的性能
·打开软件或文档显示空白 鼠标移过才显示出来
·电脑开启TC功能后总是出现死机现象
·什么原因导致显卡瞬间电压不够而死机
·主板集成显卡和独立显卡冲突的解决方法
·插显卡后开不了机 电脑发出一长两短声
·退出“FEAR”游戏时出现花屏或黑屏现象
·电脑玩游戏花屏但电脑没死机
·显卡连接电视显示黑白画面
苹果双系统安装
  热门文章
·显卡显存容量是越大越好吗
·电脑停留在开机主板信息界面不动了
·电脑集成显卡坏了怎么办?
·如何设置显卡到最佳性能
·用驱动人生更新显卡后显示不正常了
·电脑开机黑屏 检测卡显示代码85
·显卡不装驱动正常使用但是装上驱动就蓝屏重
·Ajax 技术从入门到精髓
·显卡GPU主流应用技术详解
·显示器显示颜色不正常 更改不了分辨率
·主板集成显卡和独立显卡冲突的解决方法
·怎样提高集成显卡的性能问答
·Ajax让网页木马“悄悄的执行”
·Web2.0网站攻击新潮—Ajax Hacking
·显卡与主板接触不良导致电脑无法启动
关于我们 | 公司介绍 | 维修报价 | 免责声明 | 阅读须知 | 内容目录 | 湘ICP备16016646号-1
联系邮箱:270024428@qq.com 联系QQ:270024428
Copyright 2019, 长沙电脑维修网版权所有.