bootstrap 弹出包含iframe模态窗口的修改
来源:互联网 发布:网络授课教师招聘 编辑:程序博客网 时间:2024/06/03 01:57
HTML:
<!-- 模态框(Modal) -->
<div class="modal fade" id="NoPermissionModal">
<div class="modal-dialog" >
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close"
data-dismiss="modal" aria-hidden="true">
×
</button>
<h4 class="modal-title" id="myModalLabel">
统计图
</h4>
</div>
<div class="modal-body">
<iframe id="NoPermissioniframe" width="100%" height="100%" frameborder="0" ></iframe>
</div>
</div>
</div>
</div>
js:
//弹出统计图表方法
///frameSrc:url地址,otitle:标题,cssobj:弹出框大小样式设置 默认800*620,cssifm:iframe样式
function showtip(frameSrc,otitle,cssobj,cssifm){
$("#NoPermissioniframe").attr("src", frameSrc);
$('#NoPermissionModal').modal({ show: true, backdrop: 'static' });
var _scrollHeight = $(document).scrollTop();
var wHeight = $(window).height();
var this_height;
if(cssobj&&cssobj["height"])
this_height=cssobj["height"];
else
this_height="620";
var this_top=(wHeight-this_height)/2+_scrollHeight+"px";
var this_top=(wHeight-this_height)/2+"px";
var mycss=cssobj||{"width":"800px","height":"620px","top":this_top};
var myifmcss=cssifm||{};//iframe样式
$('#NoPermissionModal .modal-dialog').css(mycss).find('.modal-content').css({height: '100%',width: '100%'}).find('h4').html(otitle||"").end().find('.modal-body').css({height: '85%'}).find("#NoPermissioniframe").css(myifmcss);;
}
//关闭方法
function close()
{
$('#NoPermissionModal').modal('hide');
}
0 0
- bootstrap 弹出包含iframe模态窗口的修改
- 弹出窗口中刷新父页面中的iframe中包含的页面
- 关闭包含Iframe的弹出框
- Bootstrap一个静态的模态窗口实例,实现弹出信息窗口(也可做图片大图弹出)
- Flex 修改窗口弹出的模态背景效果
- 弹出窗口和iframe
- 修改弹出窗口的标题
- 点击按钮弹出包含表单的窗口
- 用Bootstrap框架弹出iframe页面 在弹出的模态框中载人iframe页面
- iframe及弹出窗口总结
- 用iframe实现弹出窗口
- 关于点击按钮弹出iframe窗口的前端代码
- js - 修改弹出窗口的标题
- bootstrap模态弹出框
- iframe中的超链接跳转到包含该iframe的父窗口中
- bootstrap的iframe相关
- 弹出模态窗口
- 刷新被弹出的模态窗口
- 上机笔试题3及程序源码
- 使用(x&y) + ((x^y)>>1) 求平均数
- android mainfest
- 模式总结之结构型:代理模式 Vs 适配器模式 Vs 门面模式(外观模式)
- java 反射和注解的简单应用
- bootstrap 弹出包含iframe模态窗口的修改
- 通过反射+注解生成sql语句
- java并发编程(五)--volatile变量修饰符—意料之外的问题
- IP寻址故障排除
- 2016年6月9日--6月11日 3天端午节假期
- leetcode 27. Remove Element
- JBoss应用服务器相关问题
- EIGRP 学习笔记
- DTW标准模板采集程序XML