`

自适应和拖动拉框自适应

 
阅读更多

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();
});

 

分享到:
评论

相关推荐

    可拖动自适应边界方框特效代码

    本案例中的"可拖动自适应边界方框特效代码"是一种交互式设计,它允许用户通过鼠标拖动来调整一个矩形框的大小和位置,同时确保这个框不会超出预定的边界。这种效果常见于各种网页应用中,如图像编辑工具、地图应用或...

    可缩放、拖动、自适应布局组件demo

    "可缩放、拖动、自适应布局组件demo"是一个专为实现这种功能而设计的示例项目,它允许用户通过拖动和缩放操作来自由调整界面元素的位置和大小,同时还能根据屏幕尺寸自适应布局。这样的组件在构建复杂且灵活的Web...

    pyqt pyside 随窗口自适应、可缩放、拖动QLabel

    pyqt pyside 随窗口自适应、可缩放、拖动QLabel python 在小才玩yolo目标检测时,总是使用PyQt或PySide来展示识别结果。一开始小才使用自带的QLabel来显示图像,但是发现显示的比较呆,原QLabel显示有以下特点: 1....

    VB6控件自适应窗体变化

    VB6控件自动适应窗体变化,所有控件跟随窗体拖动,或者最大化变化。

    数据表格JqGrid自适应列宽度

    本文将深入探讨“数据表格JqGrid自适应列宽度”这一主题,以帮助开发者更好地理解和实现这一功能。 首先,JqGrid允许用户根据屏幕尺寸或窗口大小自动调整列宽,以优化用户体验。这种自适应性是现代Web应用中必不可...

    C# 拖拽拉伸图片裁剪选框

    在C#编程环境中,开发一个图像处理应用时,有时我们需要实现用户可以自由拖拽和拉伸裁剪选框的功能。这个功能通常用于图像编辑或截图工具中,让用户能精确选择他们想要裁剪的部分。以下是对这个主题的详细阐述: ...

    [转载]MFC对话框控件和背景图片自适应窗口最大化和拉伸缩放的实现

    步骤一:把easysize.h拷贝到CMyDlg项目文件夹中,同时在CMyDlg的.h文件和.cpp文件中加 入#include "easysize.h"; 步骤二:在CMyDlg类的h文件中,加入DECLARE_EASYSIZE,注意结尾处不要加“;”

    MFC控件自适应窗体改变大小

    在Windows编程领域,MFC(Microsoft...通过研究和学习这个程序,你可以更好地理解MFC中控件自适应的实现原理,并将其应用于自己的项目中。记住,实践是检验真理的唯一标准,只有通过实际操作,你才能真正掌握这些技术。

    qt窗口自适应v2.0

    6. **窗口拖拉自适应**:当用户通过拖动窗口边缘改变大小时,程序可以监听拖放事件并实时更新界面布局。这通常结合QLayout和QWidget::sizePolicy()一起使用。 在"qt窗口自适应v2.0"项目中,开发者可能已经实现了...

    RBF-adaptive1_RBF_matlab_SIMULINK_自适应控制_自适应_

    RBF(Radial Basis Function,径向基函数)自适应控制是一种高级的控制策略,它结合了非线性控制和自适应控制的思想。在RBF自适应控制中,系统模型通常由一组径向基函数构成的神经网络来近似,能够有效处理复杂、非...

    可传递参数,根据参数自适应屏幕大小比例,可拖拽

    "可传递参数,根据参数自适应屏幕大小比例,可拖拽"的标题所描述的功能,是一种高级的交互设计技术,它允许开发者通过传递参数来调整元素的显示大小,以适应各种屏幕分辨率,同时提供拖拽功能,增强用户体验。...

    C++ MFC控件随着窗口大小变化而自适应_阿强的一亩三分地,一分耕耘一分收获-CSDN博客1

    `OnSizing`允许你在窗口边缘拖动时实时调整控件大小,但它的处理比`OnSize`更复杂,因为它涉及到更多的坐标转换和动态调整。 在MFC中,如果希望所有控件都能自动适应窗口大小,通常需要对每个控件都进行上述处理,...

    QT下实现图片的自适应显示、缩放(以鼠标位置为中心进行缩放)、拖动、以及重置并截图保存

    以上就是QT环境下实现图片自适应显示、缩放、拖动和截图的基本步骤。`EditPic`项目应该包含了这些功能的具体实现,你可以通过查看源代码来深入理解。记住,QT提供的图形视图框架非常强大,可以实现更复杂的图像操作...

    c#窗体应用程序的美化,窗体自适应,字体大小方位自适应,颜色……

    本文将深入探讨如何实现窗体的美化、自适应以及颜色配置,确保在各种屏幕尺寸和分辨率下提供一致的用户体验。以下是一些核心知识点: 1. **窗体布局与自适应**: - 使用`TableLayoutPanel`或`FlowLayoutPanel`控件...

    自适应阈值分割代码

    自适应阈值分割是计算机视觉领域中图像处理的一种关键技术,主要应用于图像二值化,即把图像分成两个明显的部分:前景和背景。OpenCV库,一个广泛使用的开源计算机视觉库,提供了实现这种技术的工具。在本文中,我们...

    实现多个子窗口自适应父级窗口显示.rar

    在C#编程中,WinForm应用常常...通过这个案例,你将能够深入理解C# WinForm中子窗口自适应显示的原理和实现方法,这对于构建响应式和用户友好的界面至关重要。记住,实践中不断摸索和改进,你的编程技能将不断提升。

    Halcon10.0+MFC编程 实现获取图片大小自适应PictureControl和存储

    Halcon10.0+MFC编程 实现获取图片大小自适应PictureControl和存储,用户可以选取电脑里的任意图片,在获取之后还可以实现对图片进行任意位置的存储功能

    自动上下拉菜单,自适应宽高(ios)

    在iOS开发中,实现一个自动上下拉菜单并具备自适应宽高的功能是一项常见的需求,尤其在设计用户界面时。这个功能通常用于创建更加灵活且友好的交互体验,使得用户能够轻松浏览和选择不同层次的数据。以下是一些关于...

    MATLAB实现自适应中值滤波源代码.zip

    4. **连接模块**:使用鼠标拖动连线,将模块间的输入和输出连接起来。 5. **自适应窗口大小**:为了实现自适应性,我们需要创建一个附加模块或使用MATLAB Function模块来动态计算滤波窗口大小,这通常基于输入信号的...

    fun.rar_Fun_ Fun_ Fun_窗口自适应 VB_自适应

    在这个"fun.rar_Fun_ Fun_ Fun_窗口自适应 VB_自适应"的压缩包中,我们看到一个名为"fun.vb"的文件,这很可能是一个VB源代码文件,包含了实现窗口自适应和其他辅助功能的代码。 首先,让我们深入理解"窗口自适应"。...

Global site tag (gtag.js) - Google Analytics