页面中iframe 弹层和拖动效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ…

使用layui iframe弹层,各弹层之前的传值问题

最近做一个后台管理系统,用到的layui,主要是使用它的弹层,但是各个弹层之前的传值经常容易搞晕,写个个博客记录一下,方便自己,也方便别人, 首先我的页面已经嵌套了好几个iframe页面了,嵌套了三个吧,然后在第三个打开一个弹层,需要用到top.layer打开,用top之后,打开的那个弹层就位于主页上打开了(f12查看),和第三层页面不再是父子关系了.所以想在打开的弹出层页面获取第三个iframe的DOM就必须先获取到第三层的DOM.百度了好久,使用的方法就是在主页上定义一个变量,保存第三层的D…

html页面中iframe导致JavaScript失效

<body onload=“reset()”> <div id="part1"> some thing here .... <div> <ifame src="xxxx"/> <script> function reset(){ var height = window.innerHeight; document.getElementById("part1").style.minHeigh…

Jquery 操作页面中iframe自动跟随窗口大小变化，而页面不出现滚动条，只在iframe内部出滚动条

很多时候大家需要iframe自适应所加载的页面高度而不要iframe滚动条,但是这次我需要的是页面不需要滚动条而iframe要滚动条,且iframe自动跟随窗口大小变化.自适应页面大小.下面是代码,下次有时间在来解释下代码. $(document).ready(function(){ //调用函数 var pagestyle = function() { var iframe = $("#iframe"); var h = $(window).height() - iframe.off…

页面中iframe中嵌入一个跨域的页面，让这个页面按照嵌入的页面宽高大小显示的方式；iframe嵌套的页面不可以编辑的问题解决方案

<html> <head> <style> body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; overflow: hidden; } </style> </head> <body> <iframe src="http://gongkai.kaipuyun.cn/databaseInfo/index"…

当页面中(比如弹出框SelectPage)没有textbox等控件如何按Esc关闭

1.在网页上添加一个空白的ASPxTextBox控件 <dxe:ASPxTextBox ID="txt_Name" Width="1" runat="server" ReadOnly="true" Border-BorderStyle="None"> </dxe:ASPxTextBox> 2.设置焦点在PageInit事件加入 protected…

PHP中如何实现 “在页面中一边执行一边输出” 的效果

<?php set_time_limit(0); //在有关数据库的大量数据的时候,可以将其设置为0,表示无限制. ob_end_clean(); //在循环输出前,要关闭输出缓冲区 echo str_pad('',1024); //浏览器在接受输出一定长度内容之前不会显示缓冲输出,这个长度值 IE是256,火狐是1024,不会出现上下的拉动条. for($i=1;$i<=100;$i++){ echo $i.'<br/>'; …

Layer组件多个iframe弹出层打开与关闭及参数传递

一.Layer简介 Layer是一款近年来备受青睐的web弹层组件,基于jquery,易用.实用,兼容包括IE6在内的所有主流浏览器,拥有丰富强大的可自定义的功能. Layer官网地址:http://layer.layui.com/ 二.多个iframe弹出层(非嵌套) 1.打开iframe弹出层js代码 (1)示例一: layer.open({ type: 2, title: 'layer mobile页', shadeClose: true, shade: 0.8, area: ['380p…

layui中从子窗口传递数据到父窗口,第三个子弹层的值传给第二个弹层

最近做一个项目的需要多个弹层,每个弹层中还需要数据传递, 经过测试,以下方法三个弹层才有效,如果只是有两个弹层,请用其它方法大概如图,看图自己应该明白如何在在b页面选择好的值传给a页面的问题,这个问题我百度了好久都没有解决后来参考了文档 http://fuxiao.io/practice/docs/#/layui/layer/iframes 加上自己理会,终于解决问题了,这个文档看了好几次还是不太明白(个人理解能力差),后来加班自己边动手边理解,解决问题了上代码主页面(top.html…

弹层组件-layer

layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上任意版本,和laye.js 通过简单的例子能加深理解和学习,首先引入基本的css和js <link rel="stylesheet" href="css/reset.css"> <script src="http://libs.baidu.c…

Bootstrap~大叔封装的弹层

回到目录对于Bootstrap的弹层,插件有很多,今天主要用的是它自带的功能,通过bootstrap提供的模式窗口来实现的,而大叔主要对使用方法进行了封装,开发人员可以自己动态传入弹层的HTML内容,可以控制按钮的显示与隐藏,用户通过MVC扩展方法对弹层进行生成,然后使用A标签进行调用．具体使用很简单 @Html.GenerateDialog("测试",true, @<div> <form action="/home/index">hel…

javascript 获取父页面中元素对象方法

父页面中: <input type="hidden" id="areaID" value="test1"> <iframe align="center" style="width: 100%; height: 100%;" frameborder="0" scrolling="no" src="Html//test.jsp">…

Android 使用 popupWindow实现弹层并操作弹层元素

需求: 点页面,出现弹层,弹层包含EditText,Button等,点击Button实现提交操作: 最终代码: private PopupWindow popupWindow ; private EditText gfName; private View popView; private Button addGf; protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); //…

弹层，iframe页面

前台页面: <img src="chb/老玩家好礼送.jpg" border="0" width="202" height="254" onclick="DL()" style="cursor: pointer" /> JS: function DL() { dl = new Dialog({ type: 'iframe', value: 'chb/NewService.a…

借用layer让弹层不限制在iframe内部

使用方法: 1 除了layer的success,end,cancel回掉函数以外其它的layer参数都可以使用. 2 使用前在layer的js后边把该js引入(可以命名为layerExtend). 3 layerExtend中只包含一个endHandle回掉方法并且有一个data参数,用于关闭当前弹出层并给上一个弹层回传值. 4 当前弹层给上一个弹层设置值只需要在触发事件时调用zlayer.returnData("你的回传值"); 而上一个弹出层取值时只需要使用endHandle中…

layer的iframe弹框中父子元素的传值

项目中,左侧导航树,右侧是 iframe 嵌套的页面,在右侧页面中又有layer弹框,可以说是有两层 iframe 框架. 所以查询网上的parent什么的方法都不能用.自己摸索的下面的方法: 1.父页面取子页面的值: top.moreFunLayer = top.layer.open({ type: 2, title: "常用功能", area: ["600pt", "150pt"], content: './workbench/comUseF…

页面中嵌套iframe，微信浏览器长按二维码识别不了

问题:在微信浏览器内,页面中嵌套iframe,iframe中用户触发事件后有个弹框会显示二维码,用户长按二维码可以识别并跳转.尝试了一下,安卓是正常的,但是ios是识别不了的. 解决过程: 1.这里客户给的并不是一个二维码的图片地址,而是需要跳转的地址.首先需要先把跳转地址生成二维码. 这里用的是qrcode.js html:作为生成二维码的容器 <div id="autoCode"></div> js:这里需要引入qrcode.js. 我这里放在静态文件里,大…

OA项目之弹出层中再弹出层

弹出层中再弹出一层如图: <asp:TextBox runat="server" ID="txtUName" CssClass="span2" title="点击选择" onfocus="GetStudentInfo();this.blur();"></asp:TextBox> 弹出层中的一个文本框,点击文本框显示相应的信息弹出层 #region 第二个弹出层 <div…

弹出框页面中使用jquery.validate验证控件

弹出框页面中使用jquery.validate验证控件有几个问题需要解决: 1,弹出框的提交事件完成后如何关闭弹出框页面? 2,提交不成功如何返回当前页? 3,如果知道验证事件成功? 之前笔者都是JS验证控件,放着强大的jquery.validate控件不用,自己写验证,会是让追求程序完美的人心里有种淡淡的忧伤. 不过还好,今天下午笔者花了点时间,已实现这种功能,虽然也不是很完美,但也基本能用了. 先看下效果,一会再上代码. 当验证通过后,程序后台开始提交,提交成功,当前弹出框关闭. 为此代码如…

移动端和PC端页面常用的弹出层

我们在页面的时候,很多时候用到了弹出层,消息提醒,确认框等等,统一样式的弹出框可以使页面更加优美.在此,我整理一下我们项目的移动端和PC端页面常用的弹出层. 一.移动端我们需在页面引入弹出框的样式和js <link href="__STATIC__/weui.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src=&…

easyui 中iframe嵌套页面，提示弹窗遮罩的解决方法，parent.$.messager.alert和parent.$.messager.confirm

项目中用到easyui 布局,用到north,west,center三个区域,且在center中间区域嵌入iframe标签.在主内容区做一些小提示弹窗(例如删除前的弹窗提示确认)时,会遇到遮罩问题,由于center区域是iframe嵌套的,所以里面的小弹窗无法覆盖页面的头部和左边目录栏. 情形一.点击提示弹窗里的确认后,提示弹窗消失: //warnTips为传入的值,例如successMask(“确定要删除选中的数据吗?”) function successMask(warnTips){ par…

CSS3 页面中展示邮箱列表点击弹出发送邮件界面

CSS3 页面中展示邮箱列表点击弹出发送邮件界面代码: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>CSS教程</title> <style> ul { list-style-type: none; } ul li a { color: green; text-decoration: none; padding: 3px; d…

Winform中封装DevExpress的MarqueeProgressBarComtrol实现弹窗式进度条效果

场景在Winform中实现弹窗式进度条就是新建一个窗体,然后在窗体中加入进度条控件,然后在触发进度条的事件中将加载进度报告给进度条控件. 注: 博客主页: https://blog.csdn.net/badao_liumang_qizhi 关注公众号霸道的程序猿获取编程相关电子书.教程推送与免费下载. 实现设计进度条窗体新建窗体FrmProgressBar,打开设计页面,打开DevExpress的工具箱. 拖拽一个SplashScreen控件然后再拖拽一个label和Marque…

禁止手机页面中A标签长按弹出路径框

//禁止手机页面中A标签长按弹出路径框 window.onload=function(){ document.documentElement.style.webkitTouchCallout='none'; };…

vc++ mfc中拖动效果的实现借助于CImageList

拖动是界面编程频繁使用的一个效果,在windows系统下可谓大行其道.纵观时下的应用软件几乎各个都支持各种各样拖动的效果,windows7更是把拖动做到了极致.其实说起来拖动的实现也很简单,对于有句柄的对象都可以通过MoveWindow或SetWindowPos实现位置变动,而没有句柄的对象实现拖动无非就是做些参数修改,说到底实现拖动就是在OnLButtonDown.OnMouseMove和OnLButtonUp中处理数据,当然你可以使用鼠标右键甚至中建消息来实现,基本原理是一样的. …

jquery制作弹出层带遮罩效果，点击阴影部分层消失

jquery制作弹出层带遮罩效果,点击阴影部分层消失. 整体还是比较简单的. HTML代码很简单 <a href="#" class="big-link" data-reveal-id="myModal" data-animation="fade">jquery点我弹出</a> <div id="myModal" class="reveal-modal"&g…

[转]在ASP.NET开发中容易忽略的2个小问题 Cookie乱码存取异常和 iframe弹框的login跳转

本文转自:http://www.cnblogs.com/outtamyhead/p/3642729.html 本文地址:http://www.cnblogs.com/outtamyhead/p/3642729.html,转载需保留本地址. 最近在我的MVC项目中出现了两个非常小,但是往往惹出大麻烦的问题,借中午的时间在这里记录一下. 一:在本地调试环境下能够正常读取Cookie,但发布到IIS中就不能读取,报空指针异常. 二:由于使用的是Iframe框架,同时也加入了session超时重新登录的…