- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
可以为你们提供一些帮助。
所以我使用 jQuery colorbox 并通过单击链接激活它。在颜色框中有一个带有一些复选框的表单,我想做的是在单击提交时将所选复选框的所有值放入父级(并随后关闭颜色框)。我不想刷新父窗口。它应该自动用内容填充“Colorbox 中的复选框项目”
这是链接http://tdesigns.net84.net/colorbox/example1/
Parent code
<!DOCTYPE html>
<html>
<head>
<meta charset='utf-8'/>
<title>ColorBox Examples</title>
<style>
body{font:12px/1.2 Verdana, sans-serif; padding:0 10px;}
a:link, a:visited{text-decoration:none; color:#416CE5; border-bottom:1px solid #416CE5;}
h2{font-size:13px; margin:15px 0 0 0;}
</style>
<link rel="stylesheet" href="colorbox.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="../colorbox/jquery.colorbox.js"></script>
<script>
$(document).ready(function(){
$(".iframe").colorbox({iframe:true, width:"400px", height:"400px"});
});
</script>
</head>
<body>
<p><a class='iframe' href="../content/ajax.html">Outside Webpage (Iframe)</a></p>
<p>
Checkbox Items from Colorbox
</p>
</body>
</html>
popup code
<form action="" method="post">
Choose a country
<br /><br />
<input type="checkbox" name="countryCheckbox[]" value="UK" />UK<br />
<input type="checkbox" name="countryCheckbox[]" value="USA" />USA<br />
<input type="checkbox" name="countryCheckbox[]" value="Japan" />Japan<br />
<input type="checkbox" name="countryCheckbox[]" value="China" />China<br />
<input type="checkbox" name="countryCheckbox[]" value="Australia" />Australia
<br /><br />
<input type="submit" name="formSubmit" value="Submit" />
</form>
如果我能得到一些帮助,我将非常感激。
提前非常感谢
最佳答案
您可以通过在 ajax.html
文件中添加以下函数来实现此目的
首先在该文件中加载 jQuery,然后添加此文档准备功能
$(document).ready(function(){
$('#form').submit(function(){
$('input:checkbox:checked').each(function(){
window.parent.$("#text").text(parent.$("#text").text() + $(this).val()+" ,");
});
parent.$.colorbox.close();
return false;
});
});
这是做什么的,当用户点击overlay iframe
上的submit按钮
时,它会将所有选中的复选框添加到父窗口的文本div中,然后关闭颜色框窗口。
这是 ajax.html
文件的修改后的代码
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<form action="" method="post" id='form'>
Choose a country
<br /><br />
<input type="checkbox" name="countryCheckbox[]" value="UK" />UK<br />
<input type="checkbox" name="countryCheckbox[]" value="USA" />USA<br />
<input type="checkbox" name="countryCheckbox[]" value="Japan" />Japan<br />
<input type="checkbox" name="countryCheckbox[]" value="China" />China<br />
<input type="checkbox" name="countryCheckbox[]" value="Australia" />Australia
<br /><br />
<input type="submit" name="formSubmit" value="Submit" />
</form>
<script>
$(document).ready(function(){
$('#form').submit(function(){
$('input:checkbox:checked').each(function(){
window.parent.$("#text").text(parent.$("#text").text() + $(this).val()+" ,");
});
parent.$.colorbox.close();
return false;
});
});
</script>
还要向要添加值的段落添加一个 id,如下所示
<p id="text">
Checkbox Items from Colorbox:
</p>
您必须从localhost
或相同的virtualhost
(如果有)运行代码,否则它将不允许从子iframe
访问父级。只需将修改后的文件放入文档根
的文件夹中,然后通过浏览器访问它即可。让我知道它是否有效。
这是一个工作演示 http://joynag.net/demos/colorbox/
关于jQuery colorbox onclose 更新父级,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10654850/
我有这个简单的 WebSocket 问题 WebSocket Test var wsUri = "ws://echo.websocket.org/"; var output;
如何在用户关闭浏览器时运行 javascript。我尝试使用“onunload”,但每次我按 F5/刷新按钮时它都会调用?谢谢 最佳答案 就页面上的 Javascript 而言,关闭浏览器、导航到另一
我想在应用程序关闭时显示“感谢使用”消息。 处理应用程序关闭的事件是什么? 最佳答案 假设您的 Activity 在 A->B->C->D 中。当用户从 D Activity 按下后退按钮然后转到 C
我得到了这门课 class CWebBrowser2 : public CWnd 我想覆盖 OnClose 到目前为止我所做的是在我添加的头文件中 void OnClose();在我添加的 .cpp
我想检查一下我的 即将关闭。有没有办法使用我的 sidenav 对象的 EventEmitter onClose 来检查?你能举个例子吗? 最佳答案 这可以通过两种不同的方式实现——通过模板,以及在
我有一个系统,人们可以添加多个开始和结束日期,即屏幕截图: 选择第一个日期后,onClose 事件会设置第二个输入的日期并将其打开。浏览器 datePickers = function() {
我正在使用 fancyBox v2.0.4 ... 嗯,这应该很简单,但是在我的情况下不起作用...我只是想在 fancybox 关闭时运行回调函数... $('a#stpa_announcement
我正在研究一个放置在我项目的每种形式上的组件。是否可以在运行时让组件将代码包含到其所有者表单的 OnClose 事件处理程序中。换句话说,表单将触发它自己的 OnClose 事件处理程序,但组件还将包
我的项目中有许多使用 Form OnClose 事件的 Forms。但是,我需要在运行时的所有表单上添加另一个“通用”OnClose。有没有办法只添加新的事件方法,而不是替换它?因此,表单将触发两个
在 javascript 中,我们有 WebSocket.onclose() 用于在服务器关闭 websocket 连接时执行一些操作。当客户端设备关闭连接时,有没有办法在 Python 服务器中执行
在 javascript 中,我们有 WebSocket.onclose() 用于在服务器关闭 websocket 连接时执行一些操作。当客户端设备关闭连接时,有没有办法在 Python 服务器中执行
在我的 Fancybox 完全关闭且页面恢复正常后,我尝试触发第二个 jquery 函数。我尝试使用 onClosed fancybox 属性,但它不是在框关闭后发生,而是在框打开之前发生(在页面加载
我刚刚开始在浏览器中使用桌面通知来通知用户有关新任务和任务事件的信息。但重要的是要向每个用户通知每个事件,而且永远不要重复通知。 我检查了this descktop notification问题和许多
可以为你们提供一些帮助。 所以我使用 jQuery colorbox 并通过单击链接激活它。在颜色框中有一个带有一些复选框的表单,我想做的是在单击提交时将所选复选框的所有值放入父级(并随后关闭颜色框)
随着jQuery UI Datepicker Widget ,我想检查用户是否在模糊时将特定输入字段留空,如果是,则将日期值分配给 altField 的值。在我的脑海里有这样的事情...... $(s
回调事件不会在通过模态、关闭按钮和 esc 关闭弹出窗口时触发 我已经尝试将其添加到准备就绪的文档中,并且在单击触发器时它们都起作用了 $('.flipvideowrap').bind('click
我正在尝试重定向到 .fancybox 的“onclose”属性上的 URL ...它确实有效。有任何想法吗?代码如下。注意:模式看起来很好,但是当用户按下顶部的“x”时......屏幕只是空白。
我需要有关 UI 元素的帮助。我想在第一次关闭时显示下一个日历。不幸的是 onClose 函数没有运行:/我不知道为什么.. $(function () { $('#datepickerDat
我使用这个函数来调用我的窗口关闭。 这是确认框弹出窗口。 if(confirm("Sure you want to close the window"); { // yes return t
我正在实现一个带有 WebSocket 端点的应用程序。这是一些代码: @ApplicationScoped @ServerEndpoint(value="/socket", encoders = {
我是一名优秀的程序员,十分优秀!