Tag: iframe

如何在iframe加载完成之前显示加载图标?

我正在试图弄清楚如何显示加载图标并在加载后切换到iFrame。 是否有某些function,如onclick或其他什么? 基本上我想要完成的是让div显示“正在加载…”,一旦iFrame完全加载页面显示iframe。 如何才能做到这一点?

iframe在加载时闪烁“白色”

我在我的项目中使用iframe,似乎每当它在不透明背景上加载内容时 – 在正确显示之前它会闪烁“白色”约1秒。 它似乎在jQuery脚本准备好之前触发了加载事件。 我试过了 style=”visibility:hidden;” onload=”this.style.visibility = ‘visible’;” 但不起作用。 任何其他想法摆脱这个?

跨域iframe中的jQuery UI对话框

我有一个内容很长的iframe。 我有弹出jQuery UI对话框的链接。 问题是对话框在iframe的中心弹出,而不是在没有iframe的情况下弹出当前视口的中心。 我找到了几个解决方案: iframe中的JQuery UI Dialog 将iframe内部的jquery对话框定位到父窗口 http://www.alexdeveloper.com/blog/2012/4/17/iframe-and-jquery-ui-dialog-window-inside-how-to-show-it-centered 不幸的是,这些都不能在跨域上下文中工作 – 我总是得到Permission denied javascript错误,因为子iframe尝试访问父窗口。 这个问题有什么解决方案吗? 我可以举例说,父级允许友好的iframe访问其属性吗? 我通过将iframe的sandbox属性设置为来尝试它,但它没有帮助。 iframe是父页面的可信子! 一定有办法说 OK my son, I trust you, you can access all of my properties!

iframe跨域 – 无法互动

我使用iframe来显示跨域的内容(这用于网站调查)。 但问题是我无法与iframe内容进行交互。 有“是”,“否”等按钮,但点击它没有任何反应。 是因为我们访问跨域而浏览器阻止访问? 这个(jquery)的替代/解决方案是什么? 我可以决定要显示的内容,因为它是调查。 我把问题放在调查网站上,并在我的网站上显示。 谢谢!

X-Frame-Options拒绝加载:“http://test.test.net/Feedback/Create?appId=TestApp”不允许使用MVC5进行跨源框架

我正在一个托管在我公司网络上的网站,只能从网络中访问,所以我不关心跨域请求。 无论如何,这个我正在研究的特定网站我在导航栏中添加了“提供反馈”链接。 这个“提供反馈”链接打开一个jQuery模式对话框,在这个对话框中是一个iframe ,它加载的URL服务器不同于托管这个特定网站的服务器,因此我得到的错误。 MVC4运行良好,没有这样的问题,只有当我升级到MVC5时才会这样。 MVC5有一些不同之处可以防止将内容加载到框架中。 我已经阅读过将X-Frame选项设置为“ALLOWFROM” – 但这是否意味着我需要在iframe加载的应用程序URL或调用应用程序(导航栏中包含此链接的网站)上设置此选项? 我还要补充说,当我将应用程序从MVC4 / WebAPI升级到MVC5 / WebAPI版本2的iframe ,才会出现此问题。我使用以前版本的MVC时没有遇到任何问题。 我该如何解决这个问题? 更大版本的Firebug: 这是我的应用程序中的客户端代码,其中包含“提供反馈”的代码: $(document).ready(function () { $(‘body’).append(“”); $(“#dialog-modal”).dialog({ buttons: { “Close”: function () { $(this).dialog(“close”); } }, title: “Provide Feedback!”, autoOpen: false, height: 560, width: 940, modal: true, overlay: { backgroundColor: “#000000”, opacity: 0.75 }, resizable: true, open: function () […]

打开一个模式(在Codeigniter中),从一个依赖于php var的URL加载(在iframe中)内容

我打开这个模态: $(document).ready(function(){ $(“#contentHistorial”).attr(“src”,”usuId ) ?>”); }) <iframe id="contentHistorial" src="usuId ) ?>”> 我打电话给: usuRut;?> 我必须传递$ usuRut才能获得模态加载URL(视图)的内容,如: 面板/ usuarios_datos /史传/ 13 其中“13”必须是来自我clic的链接的usuId。 我可以加载模态和静态页面的内容(总是面板/ usuarios_datos / historial / 1的内容),但我无法设法加载链接的usuId …任何帮助?

iframe自动调整其高度以适应内容高度

我已经尝试了一些关于这个iframe自动高度问题的答案。 基本上,我想要的是根据iframe内部的内容高度自动调整iframe的高度。 以下是我尝试过的具体内容。 根据内容调整iframe大小 如何自动调整iFrame的大小? iframe在内容更改时自动调整高度 id #iframe需要自动调整的iframe是内容的高度,因此我将以下代码分别插入到父文档和iframe的正文中。 // Resize iframe to full height function resizeIframe(height) { // “+60” is a general rule of thumb to allow for differences in // IE & and FF height reporting, can be adjusted as required.. document.getElementById(‘iframe’).height = parseInt(height)+60; } 和iframe function iframeResizePipe() { // What’s the page height? […]

从Windows 7小工具中嵌入的Iframe中访问父DOM /函数

我有以下问题,我创建一个Windows 7小工具,它使用Iframe加载内容。我完全控制Iframe的内容,我想做的是,在父级调用一个函数(Windows 7小工具html文档),从这个iframe中,或者甚至在iframe中触发弹出窗口,当有hover在链接或某物上时。 任何帮助是极大的赞赏。 谢谢

检测何时加载iframe中的特定元素

有没有办法让我检测何时加载iframe的特定元素而不等待加载完整的iframe内容? 我遇到的问题是iframe充满了许多SVG按钮,这些按钮需要很长时间才能加载和处理并挂钩到iframe的load事件中,强制我要采取的操作等待它们完全加载。 我想从iframe中访问一个元素,并想知道是否有可能检测到该元素已加载而不等待iframe的全部内容加载。 JavaScript或jQuery解决方案都是我的文件。

使用Greasemonkey获取具有ajax内容的iframe的内容

我有一个Greasemonkey脚本,它使用jQuery并检测文档中是否存在“类”。 var damageMessage = $(“.mw_error”).text(); 感谢ShankarSangoli他或她给了我iframe加载时找到类的解决方案。 $(“iframe”).load(function(){ var damageMessage = $(this).contents().find(“.mw_error”).text(); }); 我现在的问题是,iframe中的一些链接通过ajax加载内容,因此iframe不会刷新,我无法获得类“mw_error”的新值。 有人建议我使用ajax成功回调,但我不确定如何做到这一点。 任何有关这方面的帮助将非常感谢:)