弹出ifame页面(jquery.reveal.js)

1 <body>
2    <a  data-reveal-id="myModalDailyModify" data-animation="fade"   title="编辑">编辑</a>
3         <div style="position:fixed">
4       <div id="myModalDailyModify" class="reveal-modal">
5
6      <iframe   frameborder="no" style="padding-top:30px" width="860" height="408px"  src="WebForm2.aspx"></iframe>
7     <a class="close-reveal-modal"  >×</a> </div>
8 </body>

引用：(个人发现我引用的jquery.reveal.js必须引用 jquery-1.8.0，更高版本会弹不出来)

 1  <script src="../js/jquery-1.8.0.min.js" type="text/javascript"></script>
 2
 3     <script src="../js/jquery.reveal.js" type="text/javascript"></script>
 4         <link href="../styles/reveal.css" rel="stylesheet" type="text/css" />
 5
 6   <style type="text/css" >
 7         .reveal-modal {
 8
 9     top: 80px;
10     left: 57%;
11     margin-left: -600px;
12     width: 850px;
13         }
14           </style>

注释：此为项目中的个人案例

时间： 2024-10-06 12:10:51

弹出ifame页面(jquery.reveal.js)的相关文章

js 弹出子页面刷新父页面

// 点击主页面的添加跳转到JCXMUPDATE页面 function AddNewData() { //居中显示 var Url = "JCXMUPDATE.aspx?action=" + actionmethod; var height = 280; var width = 600; var win = OpenWin(Url, height, width, "no"); win.focus(); //使弹出的页面得到焦点 return false; //防止

[js]uploadify结合jqueryUI弹出框上传，js中的冒出的bug，又被ie坑了

引言最近在一个项目中,在用户列表中需要对给没有签名样本的个别用户上传签名的样本,就想到博客园中上传图片使用弹出框方式,博客园具体怎么实现的不知道,只是如果自己来弄,想到两个插件的结合使用,在弹出框中使用uploadify插件进行上传,每次都会报错很是无语,最后找到解决方案,这里记录一下,算是对工作中遇到的bug的一个总结. bug 这是vs调试状态下,显示的信息.在浏览器端,点击第一次上传按钮,正常,将弹出框关闭后,第二次打开,就会出现问题: 第一次单击上传: 第二次,关闭弹出框,再次单击上传

IE中，多次弹出Pop页面，光标无法落入Pop页面中的Input，导致无法输入

之前用JQuery开发了一个弹出框的插件,可用于Pop页面,里面是用的Iframe.但是最近用IE测试发现,第一次弹出Pop页面可以正常使用,关闭Pop页面,再次打开后,页面中的input文本框无法落入光标,导致没办法输入.苦思许久,百度谷歌了许久,最后终于解决了. Chrome测试没有问题,IE有,那证明是IE的问题了.果然,是IE的问题.我们知道,关闭Pop页面其实就是从dom中把Pop这个Div移除.但是IE移除了Div,可Div里面的iframe还在Dom树上,当再次弹出Pop页面又会创

2016 系统设计第一期（档案一）MVC bootstrap model弹出子页面

通过bootstrap 弹出modal-dialog 子页面 ,例如我要弹出子页面:areaitem_sub_One.html. 具体步骤如下: 第一步:新建 areaitem_sub_One.html <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Cl

利用cookie实现“只弹出一次窗口”的JS代码

弹出式窗口通常被用来做弹出广告(CPM),其实用弹出式窗口用来做消息通知也是最普遍而且是最有效的方法,但如果每次刷新页面特别是刷新首页都要弹出窗口的话,那绝对是让访问者厌烦的事情. 比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,我们使用cookie来控制一下就可以了. 原理:编写代码查看当前访问者计算机上的Cookie中是否包含有本网站的信息,如果有,则此计算机已经不是第一次访问首页,再次浏览首页时无需弹出广告窗口:否则,就弹出广告. <sc

用Bootstrap框架弹出iframe页面在弹出的模态框中载人iframe页面

HTML代码: <div class="modal fade" id="NoPermissionModal"> <div class="modal-dialog" > <div class="modal-content"> <div class="modal-header"> <%-- <button type="button"

效果非常好的 Jquery弹出层插件 jQuery Sweet alert

介绍款交互性非常不错的jquery弹出层插件,支持消息提示.错误提示.确认框提示等. 交互式体验感非常不错,比如咱们现在体验非常不错的微信支付.支付宝等完成后的效果. 不过本插件至少支持IE9+ Jquery Sweet Alert 使用方式也特别简单.粗暴,符合大众的jquery插件使用方法. 演示地址: http://www.xuetub.com/plugin/demo/111 欢迎大家去学徒帮分享更多jQuery插件,大家共同学习进步,帮助更多的小伙伴!!!

网页中window.open 弹出父页面和子页面数值交互

//首先建立一个父页面 <!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>父页面</title> <script> function tanchu(){ window.open("son.html",&

MFC 盾webBrowser打开弹出的页面

void CansDlg::NewWindow3Explorer1(LPDISPATCH* ppDisp, BOOL* Cancel, unsigned long dwFlags, LPCTSTR bstrUrlContext, LPCTSTR bstrUrl) { // TODO: 在此处加入消息处理程序代码 //不打开新窗体 *Cancel = TRUE; } 方法II:重载Web控件所在窗体的方法"OnAmbientProperty" //[说明]此函数为主窗体方法重载,能够屏蔽