Tag: iframe

如何阻止Gmail最大化iFrame?

我正在尝试使用嵌入在iframe中的Gmail创建网页。 但是,Gmail有一些javascript代码可以在加载时执行。 我相信以下js代码段是导致Gmail劫持窗口并最大化自身的原因,摧毁了我的父iframe: if (top.location != self.location) { top.location = self.location.href; } 最好是,我正在寻找一种跨浏览器的解决方案(并不涉及greasemonkey或其他一些基于浏览器的黑客)。 如果jquery有一些适用的函数/插件,那就太好了。

根据内容调整iframe高度

我使用以下脚本自动调整iframe高度。 function autoIframe(frameId) { try { frame = document.getElementById(frameId); innerDoc = (frame.contentDocument) ? frame.contentDocument : frame.contentWindow.document; objToResize = (frame.style) ? frame.style : frame; objToResize.height = innerDoc.body.scrollHeight + 10 + ‘px’; } catch (err) { window.status = err.message; } } 我在前两个标签中有三个jquery标签和iframe(myiframe1和myiframe2) 我在iframes的onload上调用上面的代码。 这在Google Chrome和IE8中运行良好。 但是在firefox中,第一个标签(可见标签)中的iframe具有内容的高度,第二个标签中的iframe未设置正确的高度。 第二个选项卡的高度设置为10px。 这可能是什么问题?

如何使用jquery从内部滚动iframe?

我正在使用一个生成iframe的shadowbox来显示页面上的产品详细信息。 因为详细信息页面可能很长,所以客户端需要一个“更多”按钮来向下滚动页面(显然iframe右侧的滚动条是不够的)。 这是为了让iframe滚动我试过的代码: $(document).ready(function() { $(“.moreButton img”).click(function() { scrollbottom(); }); }); function scrollbottom() { var x = 250; // this number is a temporary placeholder var t = 500; $(“iframe”).animate({ scrollTop: x }, t); } 我也尝试使用body而不是iframe,但无济于事。 有任何想法吗? 谢谢!

如何将iFrame的URL的一部分更改为随机字符串?

考虑一下这个简单的iFrame: 我想要的是随机改变零件test 。 例如改变这个 src=”http://example.com/iframe/?user=123&name=test” 这样的事情: src=”http://example.com/iframe/?user=123&name=yxcvb” 该字符串应包含字母表的随机字母,长度最多为10个字符,例如: src=”http://example.com/iframe/?user=123&name=qwertzuiop”

如何在非活动的iframe中停止javascript ajax请求?

我制作了网站,其中各种其他页面都内置为带i帧的“应用程序”: 在这些应用程序中,执行了javascript代码,其中包括非常频繁的HTTP请求。 $(‘#app1button’).click(function () { //Here i have to stop the HTTP-Requests which where fired from the JS of App2 hideAllApps(); showApp(app1); }); app1非常频繁地从服务器轮询信息: app1.php里面有Javascript :: Handler = window.setInterval(getStatus, 100); //start status messages 当我现在点击app2时,另一个应用程序弹出,我想停止由于性能原因加载到app1.php中的javascript。 $(‘#app2button’).click(function () { //Here i have to stop the HTTP-Requests which where fired from the JS of App1 hideAllApps(); showApp(app2); }); […]

在iframe中使用时可拖动的JQuery UI滚动问题

Jsfiddle在这里: http ://fiddle.jshell.net/Msd7v/29/ 这是我的Javascript: $(‘#app’).contents().find(‘.dragOption’).draggable({ iframeFix:true, scroll: true }); 然后在iFrame中 #html #css #box { background: red; height: 600px; width: 100%; left:10; z-index: 10000; position: relative; top: 10; } .dragOption { height: 80px; width: 200px; position: absolute; z-index: 100001; outline: 1px solid #000; top: 400px; } 当您在向下滚动时尝试移动可拖动的div时,可拖动的库不会考虑窗口高度。 有没有办法抵消这个? 或者图书馆的猴子补丁,这样你就可以强制它识别正确的滚动距离,而不是让可拖动的div跳到折叠上方iframe的顶部?

jQuery:在iframe中单击事件

我试图点击iframe中的元素点击事件,但它似乎没有工作。 我目前的设置: jsFiddle: http : //jsfiddle.net/q4aa3/ jQuery的: $(document).ready(function () { $(‘#this-iframe’).load(function () { $(‘#this-iframe’).contents().find(‘img’).live({ click: function () { alert(‘clicked img’); } }); }); }); 点击iframe内的图片不会触发警报,我不知道为什么,或者有没有更好的方法来实现这一目标? 任何建议将不胜感激!

iFrame中的内容在Chrome中显示,但在Firefox中不显示

以下是有关iframe问题的标准问题的答案列表: 父页面和子页面(iframe中的页面)位于同一域,子域和目录中。 没有通过iframe交换的xml,vtt等。 服务器是S3,CORS已启用,但我不认为这种情况很重要。 我有一个通过主页面(父级)访问的测验(子页面)。 孩子: https://glx.s3.amazonaws.com/ff/jqm.html : https://glx.s3.amazonaws.com/ff/jqm.html 家长: https://glx.s3.amazonaws.com/ff/draft.html : https://glx.s3.amazonaws.com/ff/draft.html iframe包含在手风琴中。 手风琴,测验,iframe等在Chrome中都function齐全。 在Firefox中,iframe显示没有测验。 更奇怪的是,在非常罕见的情况下,测验确实会出现,但一旦刷新就会消失。 我有一个页面的演示没有真正的内容。 iframe以红色文字表示。 提前致谢。 DEMO JS :jQuery 2.1.4,jQuery UI 1.11.2,JWPlayer 6.12,jQuizMe 2.2.1 更新 :我不是在考虑这个答案*只是解决我的具体问题。 我知道除此之外必须有更多的东西,并且有很多比我更聪明的人有更好的答案。 *见下面的编辑。 编辑 4个月后,除了我自己之外没有任何答案,所以我会自己回答。

在iframe中发生点击时如何触发事件?

我想抓住iframe中任何地方发生的点击。 我无法直接访问iframe,因为它包含来自其他域的内容。 那我怎么用jQuery呢? 以某种方式计算点击是否发生在iframe区域? iframe应该完全可访问,因为它包含链接等。

如何将jQuery UI对话放在所有内容之上

我无法找到直接和当前的答案。 我甚至感到惊讶,甚至是一个问题。 我们在我们的网站上有一个下拉列表和一个iframe或一个对象(iframe和pdf在firefox中失败,对象和pdf不喜欢IE中的重定向)并且正在尝试建立validation码。 validation码隐藏在下拉列表和iframe /对象后面。 这是’90年代。 我的问题是:目前是否有jQuery UI中的内置修复程序或计划将其放在那里? 我找到了一岁多了 http://west-wind.com/weblog/posts/876332.aspx $(modal).dialog({ /* other properties */ , zIndex: $.maxZIndex()+ 1, }) 和去年3月份的jquery.bgiframe插件解决方案 http://forum.jquery.com/topic/jquery-ui-dialog-iframe-fix 它们是目前解决问题的方法吗? 这是当前的代码 function openJCaptchaPromptWindow(url) { $(“#captchaDialog”).load(url).dialog({ text: “Ok”, click: function() { $(this).dialog(“close”); }, modal : true, autoOpen: true, closeOnEscape: true , dialogClass: ‘captcha’, show: ‘explode’, hide: ‘explode’, position: ‘top’, width: 460, height: 300 […]