仿google输入框

蔚落 2022-08-06 17:09 110阅读 0赞

\---------------code.jsp------------------

<[%@include][include] file="/internet/common.jsp"%>  
<link rel="stylesheet" href="/pageComponent/resources/theme/style.css" type="text/css" />

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]">  
<html xmlns="[http://www.w3.org/1999/xhtml][http_www.w3.org_1999_xhtml]">  
<style type="text/css">  
  
</style>  
<script type="text/javascript" language="javascript">  
var xmlHttp;  
var completeDiv;  
var inputField;  
var nameTable;  
var nameTableBody;  
var flag=false;

function initVars() \{  
inputField = document.getElementById("frmchangshang");  
nameTable = document.getElementById("name\_table");  
completeDiv = document.getElementById("popup");  
nameTableBody = document.getElementById("name\_table\_body");  
document.getElementById("popup").style.display="block";  
\}

function setOffsets() \{  
var end = inputField.offsetWidth;  
var left = calculateOffsetLeft(inputField);  
var top = calculateOffsetTop(inputField) + inputField.offsetHeight;

completeDiv.style.border = "black 1px solid";  
completeDiv.style.left = left + "px";  
completeDiv.style.top = top + "px";  
nameTable.style.width="400px";  
\}  
  
function calculateOffsetLeft(field) \{  
return calculateOffset(field, "offsetLeft");  
\}

function calculateOffsetTop(field) \{  
return calculateOffset(field, "offsetTop");  
\}

function calculateOffset(field, attr) \{  
var offset = 0;  
while(field) \{  
offset += field\[attr\];  
field = field.offsetParent;  
\}  
return offset;  
\}

<span class="style1">提示：输入关键字，程序自动从库中匹配您要找的记录，如果不存在自行填写 </span>  
<div style="position:absolute;top:0;left:0;" id="popup">  
<table id="name\_table" bgcolor="\#FFFAFA" border="1" cellspacing="0" cellpadding="0">  
<tbody id="name\_table\_body"></tbody>  
</table>  
</div>  
</body>  
</html>

\---------------search.jsp------------------

<[%@page][page] import="com.primeton.eos.access.\*,java.sql.\*"%>  
<%  
Connection conn = null;  
ResultSet rs = null;  
PreparedStatement stmt = null;

String keyword=request.getParameter("names");  
if(keyword==null)\{  
keyword="";  
\}  
String sql="select yr,bmmc from a\_bm where yr like '%"+keyword+"%'";  
System.out.println(sql);  
response.setContentType("text/xml");  
out.write("<?xml version="+"1.0"+" encoding="+"GB2312"+" ?>");  
out.write("<response>");  
out.write("<content>");  
try \{  
conn = DBConn.getConnection("c://test.mdb");  
stmt = conn.prepareStatement(sql);  
rs = stmt.executeQuery();  
while(rs.next())\{  
System.out.println(rs.getString("bmmc"));  
out.write("<name>"+rs.getString("yr")+"</name>");  
\}  
\}catch(Exception e)\{  
e.printStackTrace();  
\}finally\{  
DBConn.close(rs,stmt,conn);  
\}  
out.write("</content>");  
out.write("</response>");  
%>

[include]: mailto:%@include
[http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
[http_www.w3.org_1999_xhtml]: http://www.w3.org/1999/xhtml
[page]: mailto:%@page