表格里不能这样用div啊,你在<tr>前加点文本你就会发现div根本不在你希望的位置上
改用隐藏表格行吧
改用隐藏表格行吧
解决方案 »
- 点击box外面body空白实现隐藏box的操作怎么做?
- 急求:关于insertAdjacentHTML在非IE浏览器下的替代函数insertHtml(where, el, html)
- iframe是不是等于frame
- 简单的字符串处理问题
- 急求...请问大哥大姐们,怎么让IE浏览器始终保持在屏幕最前端!!!
- 寻求一换域名的解决方案!
- 我的网站遭到攻击,帮我看下这段代码是啥意思
- 使用XMLDOM来Load xml的时候速度的关键是什么?
- JavaScript 中空格怎么去?
- 在文本框内只能输入数字和“-”??
- javascript 能否判断图片路径是否失效?
- 请问“this[i+1]=initArray.arguments[i]“是什么意思,还有initArray是函数名,怎么又定义了同名的数组了?请赐教
<%@ page import="java.util.*,otherbean.MountGuardBean;"%>
<html>
<head>
<title>查询结果</title>
<link href="js/style_IE.css" rel="stylesheet" type="text/css">
</head>
<%Iterator it = (Iterator) request.getAttribute("myit");%><body onload="">
<SCRIPT language=JavaScript src="js/head.js"
type=text/JavaScript></SCRIPT>
<script language="javascript">
function exportExcel(){ }
</script>
<script>
function showMenu(){
document.getElementById("menu1").style.display="";
document.getElementById("menu1").focus();
}
function hideMenu(){
document.getElementById("menu1").style.display="none";
}
</script><table align="center" class="maintable" width="800" ID="Table1">
<form name="myform" ID="Form1">
<tr>
<td align="center">查询结果</td>
</tr>
<tr>
<td><hr></td>
</tr>
<tr>
<td> <a href="mountguardqry.jsp">再查询</a>
</td>
</tr>
<tr>
<td>
<table align="center" width="800" border="0" ID="Table2">
<tr bgColor="#C0C0C0">
<td>ID</td>
<td>工号</td>
<td>姓名</td>
<td>入职时间</td>
<td>录入时间</td>
<td>修改</td>
</tr>
<%
while(it.hasNext()){ MountGuardBean bean = (MountGuardBean) it.next();
%>
<tr>
<td><%=bean.getInfoid()%></td>
<td><%=bean.getUserid()%></td>
<td><%=bean.getUsername()%></td>
<td><%=bean.getMountdate()%></td>
<td><%=bean.getInputdate()%></td>
<td><a href="javascript: showMenu();void(0);">修改</a></td>
</tr>
</table>
<div onblur="hideMenu();" style="border:#555 2px outset;padding:10px;display:none;" id="menu1" tabIndex=0>
<table>
<tr>
<input type="hidden" name="infoid" value='<%=bean.getInfoid()%>' ID="Hidden1"/>
<td style="width:10%" class="m1" align="right">工号</td>
<td><input type="text" name="recordid" value='<%=bean.getUserid()%>' readonly ID="Text1"/></td>
<td style="width:15%" class="m1" align="right">姓名</td>
<td><input type="text" name="recordid" value='<%=bean.getUsername()%>' readonly ID="Text2"/></td>
</tr><tr>
<td style="width:20%" class="m1" align="right">入职时间</td>
<td><input type="text" name="recordid" value='<%=bean.getMountdate()%>' readonly ID="Text3"/></td>
<td><input type="submit" value="保存" ID="Submit1" NAME="Submit1"/></td>
<td><input type="button" value="删除" onclick="mountGuardDel('<%=bean.getInfoid()%>')" ID="Button1" NAME="Button1"/></td>
</tr>
</table>
</div> <%}%>
</table>
</td>
</tr>
</form>
</table>
<SCRIPT language=JavaScript src="js/bottom.js"
type=text/JavaScript></SCRIPT>
</body>
</html>
div放在table之间
alert(document.getElementById("menu1").outerHTML)看看就知道了
<select><textarea></textarea></select> select只希望有option子项,也只能解释option子项
表格也一样,你可以用tbody,tr,td,th,thead,tfoot等(当然也要有一定的层次关系).但是放个div进去(td里除外)是没法处理的,表格不支持这样的写法
<tr>
<td>
<!--div放在这里也就是TD里,是应该可以控制的-->
<div>
...
</div>
</td>
</table>
我在问一下大家,难道就没有解决办法了么?
我就是想查询出所有记录以后,单击一条记录,该记录下面就出现该条的明细,仅此而已。
希望高人指教
<%@ page import="java.util.*,otherbean.MountGuardBean;"%>
<html>
<head>
<title>查询结果</title>
<link href="js/style_IE.css" rel="stylesheet" type="text/css">
</head>
<%Iterator it = (Iterator) request.getAttribute("myit");%><body onload="">
<SCRIPT language=JavaScript src="js/head.js"
type=text/JavaScript></SCRIPT>
<script language="javascript">
function exportExcel(){ }
</script>
<script>
function showMenu(){
document.getElementById("menu1").style.display="";
document.getElementById("menu1").focus();
}
function hideMenu(){
document.getElementById("menu1").style.display="none";
}
</script><table align="center" class="maintable" width="800">
<form name="myform">
<tr>
<td align="center">查询结果</td>
</tr>
<tr>
<td><hr></td>
</tr>
<tr>
<td> <a href="mountguardqry.jsp">再查询</a>
</td>
</tr>
<tr>
<td>
<table align="center" width="800" border="0">
<tbody>
<tr bgColor="#C0C0C0">
<td>ID</td>
<td>工号</td>
<td>姓名</td>
<td>入职时间</td>
<td>录入时间</td>
<td>修改</td>
</tr>
<%
while(it.hasNext()){ MountGuardBean bean = (MountGuardBean) it.next();
%>
<tr>
<td><%=bean.getInfoid()%></td>
<td><%=bean.getUserid()%></td>
<td><%=bean.getUsername()%></td>
<td><%=bean.getMountdate()%></td>
<td><%=bean.getInputdate()%></td>
<td><a href="javascript: showMenu();void(0);">修改</a></td>
</tr> <span onblur="hideMenu();" style="border:#555 2px outset;padding:10px;display:none;" id="menu1" tabIndex=0><table>
<tr>
<input type="hidden" name="infoid" value='<%=bean.getInfoid()%>'/>
<td style="width:10%" class="m1" align="right">工号</td>
<td><input type="text" name="recordid" value='<%=bean.getUserid()%>' readonly/></td>
<td style="width:15%" class="m1" align="right">姓名</td>
<td><input type="text" name="recordid" value='<%=bean.getUsername()%>' readonly/></td>
</tr><tr>
<td style="width:20%" class="m1" align="right">入职时间</td>
<td><input type="text" name="recordid" value='<%=bean.getMountdate()%>' readonly/></td>
<td><input type="submit" value="保存" /></td>
<td><input type="button" value="删除" onclick="mountGuardDel('<%=bean.getInfoid()%>')"/></td>
</tr>
</table>
</span> <%}%>
</tbody>
</table>
</td>
</tr>
</form>
</table>
<SCRIPT language=JavaScript src="js/bottom.js"
type=text/JavaScript></SCRIPT>
</body>
</html>这个是方法一(就事论事)。
方法二是动态加入HTML。