Tag: iframe

仅使用Internet Explorer，IFrame地图定位缺陷中的每个jquery选项卡都有一个Google地图

目标是在jQuery标签中分别有两个独立的谷歌地图。 这将包含在IFrame中。 触发bounds_changed时，lat / lng和zoom应存储在cookie中。 如果有可用的cookie，则应定位并缩放关于cookie数据的地图。 除了实际的Internet Explorer之外，它似乎适用于常见的浏览器。 IE不会在第二个选项卡上“刷新”地图。 这是带有“内在”东西的JSFiddle： http ： //jsfiddle.net/metaxos/AmVtf/5/ 这是带有IFrame的JSFiddle： http ： //jsfiddle.net/metaxos/x6SxB/3/

控制iframe中的Colorbox位置

我有一个嵌入iframe的页面。 iframe很长并且超出了视口。 在iframe中我有一长串带链接的文本。 当点击其中一个链接时，我正在使用Colorbox显示叠加层。 由于iframe的内容太长，因此叠加层并不总是可见的，因为它垂直位于iframe的中心而不是父视口的中心。 任何人都可以告诉我如何显示相对于视口的叠加层或至少相对于被点击的链接？

改变iframe滚动条样式

有没有办法改变iframe滚动条的样式？

如何在我的文档中“弹出”一个IFRAME？

我正在将同一域中的页面加载到我页面上的iframe 。 在iframe与JavaScript驱动的表单交互后，我希望它接管整个文档。 我不能只将页面的位置设置为iframe的位置，因为无法通过传递URL参数将其设置为我想要的状态。 我可以找到跳出iframe的所有引用都是关于控制弹出窗口的iframe的页面。 我想从代码中弹出iframe ，该代码位于主文档的上下文中。 （我的项目实际上是一个Google Chrome用户脚本，与我没有服务器控制权的第三方网站进行交互。） 我正在使用jQuery但是vanilla JavaScript当然也很好。

如何让IFRAME监听父iframe的click事件并使用父iframe中单击元素的路径

我在同一个域中的html页面中有两个iframe 我已经为iframe中的a标签提供了click事件，我从中获取了父iframe中被点击元素的路径 $(‘a’).click(function(e){ var path = $(this).getPath(); var ahash={ ‘path’:path }; if (getFrameElement()) window.parent.document.Aaddevent(e, ahash); }); 我现在想要使用此路径并触发其他iframe中的click事件，以便两个iframe具有相同的页面视图。 我通过以下方式使用父iframe的click事件中的第二个iframe中的路径： var iframes= parent.document.getElementsByTagName(‘iframe’); for (var i= iframes.length; i–;) { var iframe= iframes[i]; if($(iframe)){ if (ahash.path!=undefined) { $(iframe).click(function(e) { $(this).find(ahash.path).trigger(‘click’); }).click(); $(iframe).unbind(‘click’); } } } 我现在面临的问题是我收到了在第二个iframe中触发的点击事件的警报，但它没有加载父iframe的路径并打开与父iframe相同的内容。 我不明白我在做错的地方。 是否有可能按照我的方式来实现它？ 如果是这样，任何人都可以建议我为什么会这样，以及我需要做什么，以便其他iframe使用父iframe中的click事件的父iframe的路径打开内容。

如何动态处理动态iframe内容的设置

我有一个页面，我需要动态创建一个iframe并将其粘贴到页面上的div中。 我像这样创建iframe： var frame = $(”) .attr(‘id’, ‘myIframe’) .addClass(‘someClass’) .appendTo($(‘#someDiv’)); 根据某些条件，我需要：A）将iframe src设置为其他页面或者B）动态地向iframe添加一些HTML。 我有选项A工作正常，但选项B抛出安全错误： if (someCondition) { // option A, works fine frame.attr(‘src’, someURL); } else { // option B, blows up with “Access is denied.” $(frame[0].contentWindow.document).find(‘body’).html(someHTML); } 在尝试设置HTML之前，是否需要在动态iframe上设置document.domain ？ 我怎么会这样做？ 是否有更简单的方法将动态内容附加到动态iframe？ 提前致谢。 这里编辑的是动态iframe的呈现HTML，如下所示：

从jQuery UI对话框中的按钮调用动态创建的iFrame中的函数

摘要： 使用jQuery UI对话框和动态创建的iFrame ，是否可以从.dialog定义的按钮之一调用iFrame的函数 细节： 我只是开始用jQuery和jQuery UI开始，我试图将现有的应用程序转换为使用.dialogfunction。 我用于“内联弹出窗口”的上一个插件很好，但是jQuery不能与它共存，因为它们都使用$()方法。 我知道你可以避免与其他库冲突 ，但我认为更容易转移到jQuery lock-stock-and-barrel，而不是让它们共存。 上一个插件的优点是能够将弹出窗口的内容指定为页面上的现有 ，将HTML代码或（最重要的是我）指向不同页面的URL。 这个答案真的帮助我获得了最后一个能力，这就是我现在所拥有的…… $(document).ready(function () { var iframe = $(”); var dialog = $(”).append(iframe).appendTo(“body”).dialog({ autoOpen: false, modal: true, resizable: true, width: 600, height: 600, title: “My Popup”, close: function () { iframe.attr(“src”, “”); }, buttons: [{ text: “Call iFrame Function”, click: function () { […]

使用Greasemonkey获取iframe中的类的内容

我有一个Greasemonkey脚本，它使用jQuery并检测文档中是否存在“类”。 var damageMessage = $(“.mw_error”).text(); 当文档加载并且damageMessage包含文本字符串时，这可以正常工作。 问题是“class” .mw_error在iframe中，当你单击里面的新链接时，iframe内容加载时没有页面刷新，但“class”的内容确实发生了变化，我想获取新的内容或文本串。 我猜这是因为文件没有重新加载Greasemonkey脚本不会再次加载并尝试找到更新的类内容。 不知何故，我需要获得该类的新内容。 任何有关这方面的帮助将非常感谢:)

访问WordPress的TinyMCE iFrame

使用jQuery我试图操纵WordPress内容编辑器，它在iframe中使用TinyMCE。 我似乎无法使以下代码按预期工作： jQuery(document).ready(function($) { $(‘#content_ifr’).ready(function() { $(‘#content_ifr’).contents().find(‘body’).css(‘background-color’, ‘#f33’); }); 无论我使用“.ready（）”还是“.load（）”，事件都会在TinyMCE编辑器（iframe的主体）完全加载之前触发。 但是，如果我在手动单击标题文本框以触发click事件之前等待iframe加载，则以下代码将起作用： jQuery(document).ready(function($) { $(‘#title’).click(function() { $(‘#content_ifr’).contents().find(‘body’).css(‘background-color’, ‘#f33’); }); 我已经详尽地搜索了jQuery和iFrames这个主题，看起来根据具体情况来看，这是一个打击或错过。 有些代码适用于某些人，而不适用于其他人。 有没有人知道在TinyMCE iframe主体完全加载后获取第一个代码片段的方法？ 因为它只是WordPress内容编辑器，所以iframe内容位于同一个域中。 我真正想做的是通过.addClass（）向iframe中的body元素添加一个类 jQuery(document).ready(function($) { $(‘#content_ifr’).ready(function() { $(‘#content_ifr’).contents().find(‘body’).addClass(‘ui-droppable’); }); 这样我就可以在以下教程中应用drag n’drop代码： jQuery Example: Inserting text with drag n’ drop

用jquery设置fancybox高度

我想在我的页面上显示一个fancybox，显示一个iframe，其中包含另一个具有动态高度的域的来源（因为在iframe中我会转到不同的页面或者可能有一些动态内容）。 我也可以访问其他域名的代码。 所以我可以使用postMessage将iframe的源高度发送到我的页面。 但我似乎无法想象如何通过代码更改fancybox的高度。 我尝试设置包含iframe的所有div的高度，包括iframe本身： document.getElementById(‘fancybox-frame’).height = parseInt(height); document.getElementById(‘fancybox-content’).height = parseInt(height); document.getElementById(‘fancybox-outer’).height = parseInt(height); document.getElementById(‘fancybox-wrap’).height = parseInt(height); 我知道我正在通过所有权利，因为它完全适用于直接集成的iframe。 有人有任何想法吗？ 谢谢 编辑：我也试过$ .fancybox.update（），但我不确定如何实现： $.fancybox({ ‘height’: height }); $.fancybox.update();