Tag: iframe

将URL参数传递到iFrame源: 我正在建立一个房地产网站，让人们可以选择搜索房屋并使用不同的选项缩小搜索范围，例如价格，位置，数量或房间等。目前，我已经创建了一个输出到类似于此URL的表单： www.websitename.com/search/url=www.sitetwo.com?param=1%param=2%param=3 该特定页面（www.websitename.com/search）加载iframe。我需要iFrame源来自搜索表单创建的URL的第二部分（www.sitetwo.com?param=1%param=2%param=3）。我该怎么做呢？我假设它是一段javascript，但我的JS是有限的。因此，朝着正确的方向前进是非常棘手的。编辑 – 为澄清添加 sitetwo.com URL是我必须使用的URL，因为它是房地产列表解决方案的一部分（基本上，它允许在我们的网站上显示来自第三方提供商的列表）。这是他们建议与他们的系统集成的方式。这是一个类似于我想要实现的东西的网站： http ： //tierraantigua.com

iFrame中的qTip2: 我在iframe中使用jQuery qTip2，但由于我被限制为iframe宽度和高度的大小，无论如何我可以将内容实际显示在iframe的顶部，即iframe的父窗口内，而不是实际的iframe本身？这样，我不受iframe大小的限制。这是我作为iframe的一部分使用的当前代码： $(document).ready(function() { $(‘img[title]’).qtip({ content: { text: false, // Use each elements title attribute title: { text: ‘Error’, button: ‘Close’ } }, hide: { event: false }, style: { classes: ‘ui-tooltip-dark ui-tooltip-rounded’, height: 5, width: 500 }, position: { my: ‘bottom right’, at: ‘top left’ } }); });

代理网站能够在iframe中进行WYSIWYG编辑 – 它是如何工作的？: CONTEXT 我正在寻找创建一个WYSIWYG编辑器，允许用户编辑iframe中加载的第三方网站。我知道像Optimizely这样的公司使用代理来完成这个（如这里所述），但我不太明白这是如何工作的。特别是，这部分有点不清楚： Optimizely Editor在iframe中加载http://www.mypage.com并使用window.postMessage与页面进行通信。这仅适用于该页面上已有上述代码段的代码段。如果不是这种情况，编辑器将在等待来自iframe页面的消息时超时，并将通过实际将代码段插入页面的代理再次加载。题代理究竟做了什么，允许将JS片段插入到页面中，并让用户编辑iframe中加载的其他不可编辑的内容？

访问iframe的“未命名”父级: 如果我有这样的事情：我可以：window.parent.document.getElementById（’parent’）。innerHTML。但我有这样的事情：无论如何访问这个？我可能在给定页面上最多有20个iframe，并且不希望制作20个单独的iframe页面。谢谢你，杰森

授予Chrome扩展程序访问iframe内容的权限: 我制作了一个Chrome扩展程序，用我的YouTube订阅页面的加载我的新标签页（我遇到了X-frame-options问题），并希望隔离文档的特定元素，＃ #content是确切（即订阅Feed）。是否可以减去以下所有内容:not(#content)或将#content切割出来并将其放入另一个中都是可行的。这是我的代码： Background.html Window.js $(document).ready(function(){ var $left = $(‘#left’); $left.on(‘load’, function() { $(this).contents().find(‘#content’).clone().appendTo(‘#canvas’); }); $left.attr(‘src’, ‘https://www.youtube.com/feed/subscriptions’); }); 的script.js chrome.webRequest.onHeadersReceived.addListener( function(info) { var headers = info.responseHeaders; for (var i = headers.length – 1; i >= 0; –i) { var header = headers[i].name.toLowerCase(); if (header == ‘x-frame-options’ || header == ‘frame-options’) { headers.splice(i, 1); […]

‘$ .md5的神秘面纱不是一个function’: 我有一个使用jQuery.MD5库的js代码。它在我的服务器上完美运行： // my code goes here (declaring variables and functions) var code = $.md5(‘mystring’); // and a little more code 但后来我将它上传到一个Web应用程序（我无法控制），这使它看起来像这样并将其放入iframe： // some extra variables are declared here // double-checked that nothing here can break my code // some code var code = $.md5(‘mystring’); // some code 这段代码开始给我$.md5 is not a function错误。奇怪的事情。尝试清除缓存，将jquery.md5.js代码直接放入我的，没有任何作用。 […]

jquery ajax调用失败并在facebook iframe上返回错误: 我正在尝试通过“静态HTML：iframe标签”应用将表单添加到Facebook页面。我使用jQuery，ajax，php发送表单并收到成功或错误。当我在Facebook iFrames之外运行表格时，一切正常。但是，在iFrames上我遇到了两个问题：每次AJAX调用失败。它返回错误值并且不传递值。谷歌浏览器给我“这个页面有不安全的内容” 这是我的ajax电话： $.ajax({ type: “POST”, url: “send.php”, contentType: “application/x-www-form-urlencoded; charset=utf-8;”, data: data_string, dataType: ‘html’, success: function(data){ alert(‘success’); }, error: function() { alert(‘error’); } }); 提前致谢。

如何在鼠标hoveriframe时显示工具提示: 我正在使用Telerik Radeditor，它是一个富文本区域，编辑器内容是iframe，如下所示： <iframe frameborder="0" src="javascript:'’;” style=”width: 100%; height: 100%; margin: 0px; padding: 0px;” title=”hello world” id=”contentIframe”> 我的目标是当用户鼠标hover在iframe区域时显示”hello world”工具提示。你可以看到我把”title” attribute但它没有出现。为了模仿工具提示行为，我尝试放置overlay div和title ，但是由于overlay div我失去了鼠标控制。我也拼命尝试将标题放入iframe体内，但之后我不得不点击iframe内部来实现它，这不是解决方案。 var iframe_html = $(wrapper).find(“iframe”).contents().find(“html”); $(iframe_html).prop(“title”, “hello my tooltip 1”); var iframe = $(wrapper).find(‘iframe’); $(iframe).prop(“title”, “hello my tooltip 2”); var iframebody = $(iframe).contents().find(‘body’); $(iframebody).prop(“title”, “hello my tooltip 3”); 我正在使用jQuery UI 1.8.16 […]

如何在Flask中重新加载包含错误的fancybox iframe表单: 在Flask中有一个iframe显示一个带有fancybox的登录表单，它工作正常，但如果有错误我想重新加载表单。问题是，当我提交有错误的表单时，它会在当前iframe中加载另一个iframe。如何在当前iframe中加载表单。 @user.route(‘/signin’, methods=[‘GET’, ‘POST’]) def signin(): “”” Login a user “”” form = SigninForm(request.form) if request.method == ‘POST’ and form.validate(): username = form.username.data password = form.password.data if username: try: user = User.objects.get( username = username ) except User.DoesNotExist: form.username.errors = [‘No such user or password’] context = {‘form’:form} return render_template(‘sign-in.html’, **context ) else: […]

从iframe移动父元素: 我在index.php中有以下代码我有一个在Fancybox中打开的iframe，我希望在此iframe中使用触发器将img元素从image_group_1移动到image_group_2 现在，如果在主文档中触发这个，那么这将是一个问题 $(“#image1”).appendTo(“#image_group_2”); 但是，由于触发器位于iframe内，因此我尝试了以下操作但未成功 var moveFrom = window.parent.$(“#image1”); var moveTo = window.parent.$(“#image_group_2”); moveFrom.appendTo(moveTo); 有关如何获得所需结果的任何建议？