简单明了的iFrame页面显示隐藏简单明了的例子(3),拿来改改直接用吧
2007-04-20 08:23
471 查看
<%@ page contentType="text/html; charset=GBK" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<link rel="stylesheet" href="../../style/style.css">s
<script>
function querystu (ppp)
{
target = document.getElementById(ppp);
target.style.display="block";
}
</script>
<body bgcolor="#FFCCCC" text="#3300CC"leftmargin="0" topmargin="0">
<table width="70%" border="1" align="center">
<form action="" name="" method="post">
<tr>
<td width="18%" height="25%"><div align="center">按学生id</div></td>
<td width="32%" height="25%"><input type="text" name="textfield" style="width:98%"></td>
<td width="15%" height="25%"><div align="center">按姓名</div></td>
<td width="35%" height="25%"><input type="text" name="textfield2" style="width:98%"></td>
</tr>
<tr>
<td height="25%"><div align="center">按年龄</div></td>
<td><select name="age" style="width:98%">
<option>8-10</option>
<option>11-18</option>
<option>19-25</option>
<option>26-30</option>
<option>30以上</option>
</select></td>
<td height="25%"><div align="center">按性别</div></td>
<td>
<select name="sex" style="width:98%">
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td height="25%"><div align="center">按登记时间</div></td>
<td colspan="3"><input type="text" name="textfield5" style="width:99%" readonly=""></td>
</tr>
<tr>
<td colspan="4"> <div align="center">
<input type="button" name="button" value="查询" onclick="javascript:querystu('show')">
<input type="reset" name="reset" value="取消">
</div></td>
</tr>
<form>
</table>
<p>
<table id="show" style="display:none">
<iframe width=800 height=600 frameborder="0" src="lookStudentList.jsp">
</iframe>
</table>
<div align="center"></div>
</body>
</html>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<link rel="stylesheet" href="../../style/style.css">s
<script>
function querystu (ppp)
{
target = document.getElementById(ppp);
target.style.display="block";
}
</script>
<body bgcolor="#FFCCCC" text="#3300CC"leftmargin="0" topmargin="0">
<table width="70%" border="1" align="center">
<form action="" name="" method="post">
<tr>
<td width="18%" height="25%"><div align="center">按学生id</div></td>
<td width="32%" height="25%"><input type="text" name="textfield" style="width:98%"></td>
<td width="15%" height="25%"><div align="center">按姓名</div></td>
<td width="35%" height="25%"><input type="text" name="textfield2" style="width:98%"></td>
</tr>
<tr>
<td height="25%"><div align="center">按年龄</div></td>
<td><select name="age" style="width:98%">
<option>8-10</option>
<option>11-18</option>
<option>19-25</option>
<option>26-30</option>
<option>30以上</option>
</select></td>
<td height="25%"><div align="center">按性别</div></td>
<td>
<select name="sex" style="width:98%">
<option>男</option>
<option>女</option>
</select>
</td>
</tr>
<tr>
<td height="25%"><div align="center">按登记时间</div></td>
<td colspan="3"><input type="text" name="textfield5" style="width:99%" readonly=""></td>
</tr>
<tr>
<td colspan="4"> <div align="center">
<input type="button" name="button" value="查询" onclick="javascript:querystu('show')">
<input type="reset" name="reset" value="取消">
</div></td>
</tr>
<form>
</table>
<p>
<table id="show" style="display:none">
<iframe width=800 height=600 frameborder="0" src="lookStudentList.jsp">
</iframe>
</table>
<div align="center"></div>
</body>
</html>
相关文章推荐
- iframe 显示页面和隐藏
- 传窗体(例子是点完修改页面的修改后,直接在主窗体显示修改后的内容,不用再点一次查询)
- 润乾报表如何通过页面js实现报表列显示和隐藏
- 页面中有iframe 和 Easyui dialog dialog不显示
- 切换 显示与隐藏页面元素
- iframe滚动条问题:显示/隐藏滚动条
- Pega How To系列之一:如何在页面上动态显示/隐藏内容 ----CheneyWang
- 随页面滚动显示/隐藏窗口固定位置元素
- js 页面按钮提交后 创建显示loading div 操作完成后 再隐藏或删除 进度div
- 如何依照自己的意愿隐藏和显示页面上的元素
- frameset, iframe, frame框架页面出现横向滚动条bug的隐藏方法
- 页面元素隐藏和显示
- js 控制 页面控件 显示 隐藏
- VS2008按F5无法到达断点就直接显示了页面,主要有以下几种...
- javascript控制页面控件隐藏显示的两种方法
- 【Android】友盟统计Fragment页面显示隐藏的完美解决方案
- 97、进入ScrollView根布局页面,直接跳到页面底部,不能显示顶部内容
- jQuery实现页面滚动时顶部动态显示隐藏
- 控制页面元素的显示和隐藏
- js跳出iframe,显示新页面