Tag: iframe

从Iframe到父文档触发自定义事件

我在iframe中触发自定义事件并从父文档中检测到它时遇到了一些麻烦。 iframe和父文档都具有相同的源（相同的协议，相同的主机，相同的端口）。 有什么建议吗？

JQuery – 等待加载两个iframe

我有一个按钮，可以在两个iframe中加载两个不同的页面。 我需要等待那些负载完成（比如ready（），不关心图像和其他内容），然后触发另一个动作。 我怎样才能做到这一点？

使用textareas在iframe中显示实时结果，使用jQuery，将单独的textarea输入添加到iframes头部

我创建了两个文本区域。 一个用于HTML，一个用于CSS输入。 每个都有自己的ID。 使用我在网上找到的教程，我能够让这些textareas获取用户输入并实时显示在iFrame中。 然后我能够编写一些jQuery，它将来自textarea的用户输入ID为HTML，并将其添加到iFrames BODY标签，从而在iFrame中模拟HTML作为实时预览。 此外，jQuery使用布尔来检测textarea中是否有用户输入而没有html的ID（在这种情况下是一个ID为css的textarea），然后它将输入插入到STYLE标签内的iFrame的HEAD中因此，在iframe的头部添加了CSS。 在自己的样式标记中，允许用户在iFrame中生成CSS和HTML的实时输出。 一切都很好，坚如磐石。 我可以使用文本字段在我眼前生成实时HTML和CSS结果。 我的问题是，我需要在下面的jQuery代码中添加什么，以允许来自具有头部链接ID的单独textarea的输入被发送到iFrames HEAD？ 我想要带有头链接ID的textarea，将用户输入发送到iframe的HEAD。这将允许此工具的用户链接到他们自己的外部样式表和/或jquery / javascript库等。 谢谢大家的帮助。 我有我的jQuery脚本。 请告诉我你的想法。 解答：使用jQuerys .clone方法将父文档头中的jQuery LINKS和SCRIPT标记添加到iFrames头中更容易。 以下是工作代码。 $(document).ready(function() { // .Grid Window Height $(‘.grid’).height( $(window).height() ); // Declaring the Output Window Variables var frame = $(‘iframe’); // The iFrame variable itself contents = frame.contents(); // Declares the variable of contents […]

JQuery，淡入youtube iframe嵌入

我试图淡入youtube iframe嵌入，但它只适用于IE9，所有其他最新的浏览器（Safari，Opera，Chrome，Firefiox）它没有。 iframe立即显示为将不透明度设置为0。 我在Windows上。 我错了什么？ ps：这适用于Vimeo youtube iframe嵌入。 的jsfiddle： http://jsfiddle.net/jgtSS/26/

使用jQuery更改iframe的宽度和高度？

我尝试过在本网站上找到的解决方案。 但是，它对我不起作用。 我在想有一个脚本将其设置在其他地方，所以我需要在页面中添加一些代码来覆盖样式。 我试过这个： $(document).ready(function () { $(“#frame1”).width(578); $(“#frame1”).height(326); }); 但是，html仍然是这样的： 我希望width为578 ， height为326 。 这是网站： http ： //beckindesigns.tumblr.com/ PS如果我添加一个类或ID，它会从html中删除它。 我正在使用Tumblr ..

如何更改加载到iframe中的外部页面的背景颜色

我尝试将外部页面加载到iframe中并更改该页面的背景颜色 这是代码（它不起作用 – 它改变了父页面的颜色而不是iframe页面）： iframe { background-color: #F00; } $(document).ready(function(){ $(‘body’).css(‘background-color’, ‘#F00’); });

如何将事件绑定到本地iframe中的元素？

首先，父页面和iframe都托管在同一台服务器上（我在WAMP上的localhost），所以同样的原始策略不应该是一个问题。 我无法触发工作。 我的iframe的id为iframe 。 $(window).load(function(){ //iframe ad hovers $(‘#iframe’).contents().find(‘body div’).click(function(){ alert(‘do something here’); }); }); 我究竟做错了什么？

加载指定了#element的iframe会将父视点移动到同一位置

我使用这个javascript加载一个滚动到我需要的区域的网页到 。 但是无论何时加载给定的iframe，视口都会立即跳转到该点，就像我在URL的末尾使用#asContainer一样。 HTML： Audiosurf JavaScript的： $(document).ready(function(){ $(‘#asContainer’).attr(‘src’,’//audio-surf.com/mypage.php?u=DJDavid98#favorites_container’); });

如何检测iframeresize？

有没有办法检测我的iframe内容是否已更改？ 我的解决方法是我有一个循环，不断检查内容的高度它有效，但没有效率是否有另一种方法这样做？

AJAX和YouTube：’X-Frame-Options’到’SAMEORIGIN’。

我正在编写一个网站，通过jQuery动态加载内容。 这样做的原因是让音频播放器保持运行，同时能够在不刷新的情况下浏览页面内容。 试图让YouTubevideo正常工作时遇到了麻烦，设置就像这样。 网站内容使用.load（）加载，对于video页面，它包含一个无序的YouTubevideo链接列表，每个video都有一个空 用于 。 点击链接会增加 并将嵌入video中。 一切正常，除了不会加载源，抛出此错误。 拒绝在一个框架中显示“ http://www.youtube.com/watch?v=myvideo ”，因为它将“X-Frame-Options”设置为“SAMEORIGIN”。 还尝试将添加到 并display: none; 结果相同。 我以为我理解了javascript相同的域名政策，但这超出了我的范围。 谷歌搜索错误让我相信它是服务器端的东西？ 但这没有任何意义。 很难摆弄这样的东西，希望它有意义。