Tag: iframe

如何使用jQuery将html动态加载到iFrame中?

我正在处理iframe文件上传器(所以我的文件上传器似乎是ajax)。 我正在尝试将该表单放在我的页面上并将其插入到iframe 。 然后我将在iframe提交表单。 但是,它不起作用。 这是我的代码: jQuery的: function submitFile() { $(document).ready(function() { if ($(‘[name=files]’).val() != “”) { var fileForm = $(‘#attachFile’).html(); $(‘#emptyDiv’).html(”+fileForm+”); } }); } HTML: 这显然不是一个完整的解决方案,但我注意到在提交表单后我设法将iframe插入到 元素中。 但是, iframe内部是以下代码: #document 但我期望在iframe看到的是位于 forms内的html内容。 我错过了什么?

在选项卡面板extjs4.2中访问iframe

我有一个由两个标签组成的标签面板。 我试图通过使用“window.frames [”id“]”来访问每个选项卡中的iframe,但是当我发出警报时我会得到未定义的。 如何在我的情况下访问iframe? tabPanel = Ext.create(‘Ext.tab.Panel’, { region: ‘center’, activeTab: 0, autoScroll: true, items: [ { id:”panel_A”, title: “${tr.A}”, html: “”, },{ id:”panel_B”, title: “${tr.B}”, //disabled:tabs_status, //hidden:hidden, html: “”, }] }); viewport = new Ext.Viewport({ layout:’border’, items:[tabPanel] });

加载新内容时调整iFrame的高度

我有一个iFrame,它包含在我的HTML中,并在页面加载时可用。 首次加载页面时,iFrame没有内容/ src。 我正在使用jQuery动态地将内容插入到iFrame中。 当用户点击我页面上的链接时,iFrame的内容会更新。 所有这些对我都有用。 但是,当加载新内容时,我正在努力调整iFrame的高度。 我在StackOverflow上尝试了几种解决方案但没有成功。 这是我的iFrame代码: 这是我的jQuery,它改变了我的iFrame里面的HTML: emailOpened.find(‘#myframe’).contents().find(‘body’).html(email.body); 这对我有用。 我只需要我的iFrame根据被注入内容的高度调整其高度。 我对这部分的所有尝试都失败了。 任何帮助表示赞赏! 更新: 这是我的新HTML:

消息事件处理程序是否存在于窗口对象中

我有一个页面在html包含iframe.if消息来自iframe我必须处理它。但如何检查消息事件处理程序是否存在我的代码是 $(window).on(‘message’,function(e){ console.log(e.originalEvent.data); }); 单击按钮时,此代码设置消息事件处理程序。但是再次单击时,消息处理程序将被添加。是否有任何方法可以知道窗口对象中是否存在消息事件处理程序。请指南.i不能使用全局变量我的case.if它可以从window对象获取事件处理程序然后请解释方法。

jQuery – 强制对生成的iframe执行单击操作,以便自动播放

我是jQuery / JS的新手,并尝试自动点击生成的iframe以便播放video,因为在iframesurl设置时不认为自动播放有效,是否有可能并且可能我错了? 小提琴: https : //jsfiddle.net/p7v34x57/1/ JS: $.each($(‘iframe[src*=”facebook.com/plugins/video”]’), function() { var getId = $(this).attr(‘src’); var player = $(”); var id = fbvideoID(getId); player.attr(‘data-id’, id); player.html(videoThumbFB(id)); player.on(‘click’, videoIframeFB); var videoContainer = $(”); videoContainer.append(player); $(this).replaceWith(videoContainer); }); function fbvideoID(frame) { var myRegexp = /2F(\d+)%/g; var match = myRegexp.exec(frame); return match[1]; } function videoThumbFB(id) { return ”; } […]

当iframe没有id时,隐藏来自父级的iframe中的元素

url为http://oxfordgenetics.com/plasmid-builder,iframe来自每个构建器组的“产品详细信息”链接。 我需要做的是隐藏点击此链接时出现的影子框中的一些元素。 我已经尝试了所有常用的补救措施(jQuery和js)但没有成功,因为大多数补救措施使用其在此不存在的ID锁定到iframe。 当然是相同的域名。

点击iframe中的事件

我正在尝试根据iframe中的当前url附加父网页的urliframe。 这一切都发生在同一个域上,所以我认为不存在任何安全问题。 编辑: 我的代码现在如下所示: function locator_url() { var iframeUrl = alert(document.getElementById(“dealer- locator”).documentWindow.location.href); var iframeUrlSplit = iframeUrl.split(‘/locator/’); window.location.hash = ‘#’ + iframeUrlSplit[1]; }; $(document).ready(function(){ document.getElementById(“dealer-locator”).contentWindow.onload = locator_url(); }); 现在,iframe的默认src是http:// localhost / meade / locator / iframe所在的页面是http:// localhost / meade / dealerlocator / 该代码适用于初始页面加载,父URL将附加到localhost / meade / dealerlocator /# 但是,当我单击iframe内的链接时,即使iframe中的href值有效,父url也不会更改。 父url应该将其哈希更新为: 本地主机/梅亚德/ dealerlocator /#results_list.php?showonly = US&标签= US&拉链=距离= […]

奇怪的chrome扩展问题:将iframe注入gmail

问题:Chrome侧边栏 很长一段时间,我想要一个Chrome扩展程序,将其他内容放在Gmail的边栏中,就像Remember the Milk Gmail扩展程序一样 。 看起来我并不孤单2但是Chrome开发人员使这个function比Firefox 3更难。 在没有使用几个hacks和变通办法function之后,我使用了extensionizr和其他人的代码来编写我的第一个Chrome扩展程序 。 目的是让我有一个带有待办事项列表的侧边栏或我希望在我的Chrome标签中提供的任何iframe ,尤其是我的Gmail标签。 问题:Gmail html网页中的iframe 我遇到的问题是使用https://todoist.com/作为我的iframe src,它适用于我尝试过的除Gmail之外的每个标签。 需要注意的是: 它适用于某些Gmail帐户,但不适用于其他帐户 。 我找不到会导致这种情况的任何差异。 我已尝试禁用所有其他扩展程序,以防出现兼容性问题,但没有运气,即使所有内容都已激活,也可以在某些Gmail帐户中使用。 我已经尝试禁用所有实验室并更改所有设置以匹配但仍然没有骰子。 SSL干扰的另一个角度(但有非常奇怪的症状)? 我倾向于认为这是一个SSL问题,因为Gmail不喜欢将iframe与非HTTPS内容嵌入,但这没有意义,因为它适用于某些Gmail帐户,而不是其他帐户。 任何想法,意见,建议都会非常感激,因为我是一个完全新手并完全陷入困境。 更多信息,如果有帮助:当我编辑页面源时,除了html和body标签以及注入的iframe之外,我可以逐字删除Gmail页面中的所有内容,它仍然显示为空白,就像内容未被内容抓取一样iframe src首先以某种方式…… 附录第二个:a)记录网络数据,使用工作帐户通过GET请求从SSL站点成功提取数据。 在非工作帐户上,没有提出任何请求。 b)即使我加载了Gmail,然后将DOM剥离为裸HTML和body标签,然后将iframe注入空白。 源如下,但没有请求,加载或显示内容。 wtactualf?

根据动态url设置iframeurl

有没有人知道一个javascript代码,它会检测页面的动态url(?q = Chicken),并将页面上iframe的url设置为https://www.google.co.uk/?#q=Chicken 。 (我实际上并没有制作谷歌搜索客户端!) Get – Text added to Url set Url of iframe to https://www.google.co.uk/?#q=Chicken 这将全部上传。

使用jquery一次显示一个iframe中的链接列表

好的,所以我需要一个脚本来获取数组中的url列表的帮助,然后在iframe中一次显示一个url,并允许我在链接周围放置一个边框到列表的下一个项目INSIDE iframe中。 我需要它显示页面大约3秒钟,然后显示下一页,然后显示下一页,依此类推,但一次只显示一页。 这是我到目前为止的地方: var links = [“link1”, “link2”, “link3”]; for (var i = 0; i < links.length; i++) { $("#viewer iframe") .attr('src', "http://www.mysite.com/" + links[i]) .load(function() { $(this).contents().find("a[href*='" + links[i+1] + "']").css("border", "1px solid black");}); setTimeout('$("#viewer iframe").attr("src", "")', 3000); } 这可以显示数组中的第一个链接,然后在3秒后将iframe src设置为空,但不显示后续链接。