自适应和拖动拉框自适应

最新推荐文章于 2022-10-21 11:01:50 发布

二然子

最新推荐文章于 2022-10-21 11:01:50 发布

阅读量517

点赞数

分类专栏： jquery 文章标签： javascript json ViewUI

本文链接：https://blog.csdn.net/guoranaccp/article/details/84691441

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.jsp

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>试油试采任务</title>
<!-- 单表 -->
<%@include file="/js/inc.jsp"%>
<script type="text/javascript">
var ctx = "${pageContext.request.contextPath}";
</script>
<script type="text/javascript" src="../TestProduction/js/oilPilotPublicInfo.js"></script>
</head>
<body>
	 <div style="position:relative;width:100%;height:100%;margin:0px;padding:0px;">
		 <input type="hidden" id="wellName" name="wellName" value=""/>
	     <input type="hidden" id="wellboreName" name="wellboreName" value=""/>
	 	 <input type="hidden" id="wellboreId" name="wellboreId" value="" />
		 <!-- 过滤样品取样编号  自定义2——气分析 -->
         <iframe id='iframe1' src = "" frameborder="0"  style="position:absolute;"></iframe>
	 </div>
	 <script type="text/javascript"> 
		jQuery(function($){
			$("#wellboreName").val($('#wellboreName', parent.document).val());
			$("#wellName").val($('#wellName', parent.document).val());
			$("#wellboreId").val($('#wellboreId', parent.document).val());
			var src = '/jsvc/service/epDataService/outputInputHtml.json?entityCode=rfepdm_dhBaseJobInfo_V1&relatedQuery=false&initParams._AND_wellboreId='+$("#wellboreId").val();
			$('#iframe1').attr('src',src);
		});
		//GR父类新增成功保存关闭
		 function closeWindows(){	
		} 
/* 	//自适应窗口大小
	function content_resize(){
     var W = $(window);  
     var h = W.height(),w=W.width();
     //var s = parent.$("#content"); //获取index.jsp的宽高
     //alert("宽："+h+"高："+w +"获取父类的宽"+s);
		$("#iframe1").css({"height":h-27,"width":w});
    } 
$( window ).wresize(content_resize);  
content_resize(); */
</script>
</body>
</html>

2.js

jQuery(function($){
	var temp= true;
	//自适应窗口大小
function content_resize(){
        var W = parent.$("#content");//获取父级的div id
        var h;
        if(temp){
         h = W.height()-27;
         temp=false;
        }else{
         h = W.height();
        }
         var w = W.width();
		$("#iframe1").css({"height":h,"width":w});
    }
	
	/*function content_resize(){
	     var W = $(window);  
	     if(temp) {
	    	 h = W.height()-27;
	    	 temp = false;
	     }else {
	    	 h = W.height();
	     }	
	     var w=W.width();
	     $("#iframe1").css({"height":h,"width":w});
	    } */
	    
    $( window ).wresize(content_resize); //拖动事件
    content_resize();
});

二然子

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
自适应和拖动拉框自适应

1.jsp&lt;%@page contentType="text/html" pageEncoding="UTF-8"%&gt;&lt;!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;&lt;html&gt;
复制链接

扫一扫

专栏目录