9a18814dfedb7971fce8a604c56a22589aa026cc.svn-base 2.53 KB
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>宗地图房屋分户图管理</title>
	<meta name="decorator" content="default"/>
	<script type="text/javascript">
	$(document).ready(function() {
			//$("#name").focus();
			$("#inputForm").validate({
				submitHandler: function(form){
					loading('正在提交,请稍等...');
					form.submit();
				},
				errorContainer: "#messageBox",
				errorPlacement: function(error, element) {
					$("#messageBox").text("输入有误,请先更正。");
					if (element.is(":checkbox")||element.is(":radio")||element.parent().is(".input-append")){
						error.appendTo(element.parent().parent());
					} else {
						error.insertAfter(element);
					}
				}
			});
			
			var path="";
			var getImgIp ='${Url}';
	        var obj='${path}';
	        if(obj != undefined || obj != null || obj !=""){
	        	path = getImgIp+obj;
	        	var chtml = '<li id="operation">'
	        	+'<p class="product_picture"><img src="'+path+'"></p></li>';
	        	if($('.BoxLeftZ').height() <= $('.BoxRightZ').height()){
	        		$('.BoxLeftZ').append(chtml);
	        	}else{
	        		$('.BoxRightZ').append(chtml);
	        	}
	        }
		});
	</script>
</head>
<body>
	<div class="zdtBox" id="imgZdtOperation">
         <ul class="BoxLeftZ">
         </ul>
         <ul class="BoxRightZ">
         </ul>
     </div>
     <div class="hBox" id="imgHOperation">
         <ul class="BoxLeftH">
         </ul>
         <ul class="BoxRightH">
         </ul>
     </div>
</body>
<style>
		.twoRankedBox{
		    margin:6px 8px;
		    overflow: hidden;
		    padding-bottom:25px;
		}
		.twoRankedBox ul{
		    width:49%;
		    float: left;
		}
		.twoRankedBox ul:last-child{
		    margin-left:2%;
		}
		.twoRankedBox ul li{
		    padding:5px;
		    margin-bottom:10px;
		    padding-bottom:10px;
		    background-color: #FFFFFF;
		}
		.twoRankedBox ul li p:first-child{
		    padding-top:0px;
		}
		.twoRankedBox ul li p{
		    padding-top:4px;
		}
		.product_picture img{
		    display: block;
		    width:100%;
		}
		.product_np{
		    overflow: hidden;
		    line-height:60px;
		}
		.product_np a{
		    display: block;
		    overflow:hidden;
		    text-overflow:ellipsis;
		    white-space:nowrap;
		}
		.product_np a:first-child{
		    font-size:0.9em;
		    color:#58b7e3;
		    width:65%;
		    float: left;
		}
		.product_np a:last-child{
		    font-size:1.2em;
		    color:#f00;
		    float: right;
		    width:100%;
		    text-align: right;
		}
	</style>
</html>