提交后关闭Iframe
iframe close after submit
我有一个名为class="iframe"的弹出视图的链接。我计划在这些弹出框内设置一个表单,但我的问题是我需要在点击提交后关闭这些弹出框,然后我的原始页面,或者我的弹出背景会刷新它自己。我的脚本:
<script src="<?php echo base_url(); ?>template/popup/jquery.colorbox.js"></script>
<script type="text/javascript">
var $ = jQuery.noConflict();
$(document).ready(function(){
//Examples of how to assign the Colorbox event to elements
$(".iframe").colorbox({iframe:true, width:"50%", height:"78%"});
//Example of preserving a JavaScript event for inline calls.
$("#click").click(function(){
$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
return false;
});
});
</script>
<a class='iframe' href="#">POP UP </a>
查看PostMessages
https://developer.mozilla.org/en-US/docs/Web/API/Window/postMessage您应该能够从您的父页面调度消息。你的窗口应该能够关闭自己一旦它收到消息。(跨域也可以)
使用window.open
打开弹出窗口,并将其保存为变量。这个变量将指向那个窗口对象。您可以稍后在这个变量上调用.close
。
var url = 'http://yourwebsite.com/subpage-within-your-website.html';
popup_window = window.open(url);
popup_window.close();
注意:由于Javascript对iframe的安全限制,这只会在属于同一域的页面上调用。我也写了一个jsFiddle,但它似乎有沙盒启用,阻止iframe访问。
此页有一个工作示例。源代码。
相关文章:
- 使用javascript将表单提交到iframe目标中
- 在jQuery中的IFrame中提交表单后刷新父窗口
- Iframe提交并将用户重定向回原始页面,但Iframe似乎仍然存在
- iFrame表单提交并在结果后发出警报
- 提交表单/使用JavaScript获取HTML而不使用iframe
- 如何知道向iframe提交表单和文件是否失败
- 如何将隐藏/显示事件延迟到提交后Iframe加载
- Iframe动画在表单提交时未触发
- 在提交之前将值从多个iframe传递到父窗口
- stripslashes() 在 iframe 提交后删除了我的 src
- 表单到iframe提交 - 文件上传后如何重置表单
- Firefox “加载”轮在 iFrame 提交后继续旋转
- 表单-向多个iframe提交POST请求
- 如何在通过iFrame提交表单后更改当前url以移动到其原始url
- 使用隐藏iframe提交数据
- 验证iframe输入字段从外部iframe提交按钮- jquery验证器插件
- 从父窗口表单向父窗口和iframe提交函数
- iFrame提交表单,事件监听器
- 从网页和包含的iframe提交表单字段
- 单击一个iframe提交多个表单