table页面布局

最新推荐文章于 2023-10-09 09:49:31 发布

ryan1214

最新推荐文章于 2023-10-09 09:49:31 发布

阅读量739

点赞数

分类专栏：前台js

本文链接：https://blog.csdn.net/ryan1214/article/details/39962659

版权

前台js 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@page import="tdh.framework.util.StringUtils"%>
<%@page import="tdh.frame.web.util.WebUtils"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
String app_name = StringUtils.trim(application.getInitParameter("APP_NAME"));
String base_path = WebUtils.getContextPath(request);
String ajlx = "", ajxz = "";
// 设置属性

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>受理法院</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style type="text/css">
.z {
font-family: "微软雅黑";
font-size: 14px;
color: #525252;
text-decoration: none;
}
.foot {
font-family: "微软雅黑";
font-size: 14px;
color: #545454;
text-decoration: none;
}
.bg {
font-family: "微软雅黑";
font-size: 16px;
color: #FFF;
}
.zz {
font-family: "宋体";
font-size: 14px;
line-height: 23px;
color: #000;
}
</style>
<link rel="stylesheet" type="text/css" href="<%=base_path %>/themes/text.css">
<LINK rel=stylesheet type="text/css" href="<%=base_path %>/themes/sys.css" />
<link rel="stylesheet" type="text/css" href="<%=base_path %>/ext/mask/mask.css" />
<link rel="stylesheet" type="text/css" href="<%=base_path %>/ext/zTree/css/zTreeStyle/zTreeStyle.css">
<script src="<%=base_path%>/frame/js/jquery.js"></script>
<script src="<%=base_path %>/ext/mask/mask.js"></script>
<script language=javascript src="<%=base_path %>/webapp/pub/functions.js"></SCRIPT>
<script language="JavaScript"   src="<%=base_path %>/webapp/pub/courtfee.js" type="text/javascript"></script>
<script src="<%=base_path%>/frame/js/common.js"></script>
<script src="<%=base_path%>/frame/js/check.js"></script>
<script charset="utf-8" src="<%=base_path %>/ext/zTree/js/jquery.ztree.core-3.5.min.js"></script>
<script charset="utf-8" src="<%=base_path %>/webapp/pub/initZtrees.js"></script>
<script type="text/javascript">
var CONTEXT_PATH = "<%=base_path%>";
var BASE_PATH = "<%=base_path %>";
$(document).ready(function(){
     initTree("court", ["fydm", "fymc"]);
$('#fymc').bind('click', function() {
  showMenu('fymc');

});

});

function getAy() {
   var uurl = "<%=base_path%>/webapp/pub/ayTree.jsp?ajxz=<%=ajxz%>&ajlx=<%=ajlx%>&fydm="+$("#fydm").val();
   var rtn = openModal(uurl, "", 350, 400);
   if (rtn) {
     var code = rtn.split("::")[0];
     var mc = rtn.split("::")[1];
     $('#ay').val(code);
     $('#ayms').val(mc);
   }
}

function nextstep(){
   //检查必填项
   if($("#fymc").val()==""||$("#fymc").val()==null||$("#ayms").val()==""||$("#ayms").val()==null){
    alert("请检查必填项！");
   }else{
  //跳转到下一页的页面，并把当前的两个属性保存到session里面
  $("#form1").submit()
   }
}

</script>
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">

<tr height="240px" ><td valign="top">
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr width="100%">
    <td height="101" bgcolor="#06A5D4" background="<%=base_path %>/images/login/tt_02.gif" ><img src="<%=base_path %>/images/login/tt_01.png"></td>
    <td width="221" height="101" background="<%=base_path %>/images/login/tt_03.gif"> </td>
</tr>
   <tr>
      <td height="41" colspan="2"> </td>
   </tr>
<tr><td colspan="2" align="center" valign="middle"><img src="<%=base_path %>/images/slfy.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/sqrxx2.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/ajxx2.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/dsrxx2.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/dlrxx2.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/sscl2.png" width="137" height="54"><img src="<%=base_path %>/images/x.png" width="37" height="54"><img src="<%=base_path %>/images/xxqrbtj2.png" width="137" height="54"></td></tr>
      <tr>
        <td height="41" colspan="2"> </td>
      </tr>
</table>
</td></tr>

<tr height="*">
<td valign="top">
<form id="form1" action="<%=base_path %>/webapp/wsla/msys/sqrxx.jsp" method="post" height="0">
<table align="center" width="1000px" height="100%" border="0" cellspacing="1" cellpadding="0" >
<tr bgcolor="#FFFFFF" height="31"><td colspan="2" align="center" class="formHead">受理法院及案由</td></tr>
<tr>
        <td height="41" colspan="2"> </td>
      </tr>
<tr height="30"><td width="45%" style="text-align:right"><span style="color:red" >*</span>提交法院：</td><td><input type="hidden" name="fydm" id="fydm"/><input type="text" name="fymc" id="fymc" readOnly/></td></tr>
<tr height="30"><td style="text-align:right"><span style="color:red" >*</span>涉及案由：</td><td><input type="text" name="ayms" id="ayms" οnclick="getAy()" readOnly ><input type="hidden" name="ay" id="ay"></td></tr>
<tr bgcolor="#FFFFFF" height="*"><td valign="bottom" colspan="2" align="center" style="padding-bottom:20px" ><a href="#" οnclick="nextstep()" ><img src="<%=base_path %>/images/xyb.jpg" width="90" height="30" border="0"></a></td></tr>
</table>
</form>
</td>
</tr>

<tr height="105px"><td valign="bottom">
<table width="100%" height="105" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" bgcolor="#EEEAEB" class="foot"></td>
</tr>
</table>
</td></tr>

</table>

</body>
</html>

总页面是大table，高度是100%，有三行，上下行固定高度，中间行用*，上行内容居上td设置，下行内容居下td设置，中间行有一个table，标题和表单固定高度，下一步行用*，内容居下

ryan1214

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
table页面布局

%@page import="tdh.framework.util.StringUtils"%>%@page import="tdh.frame.web.util.WebUtils"%>String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServe
复制链接

扫一扫