Tag: iframe

使用iframe阻止对按键的默认操作: 这是一个问题22我无法弄清楚如何解决。以我们主持的HTML5游戏为例： http://www.scirra.com/arcade/action/93/8-bits-runner – 警告有声音！该页面托管在scirra.com但出于安全原因，该游戏位于static1.scirra.net上的iframe中。现在如果你在玩游戏时向左或向右，向上或向下按，整个窗口上下左右滚动。当游戏没有集中时，防止默认似乎工作正常。我们希望在玩游戏时防止这种默认动作！所以我们使用代码： var ar = new Array(32, 33, 34, 35, 36, 37, 38, 39, 40, 44); $(document).keydown(function (e) { var key = e.which; if ($.inArray(key, ar) > -1) { e.preventDefault(); return false; } return true; }); 我们将它放在父页面和iframe页面上。当iframe左右焦点似乎被阻挡，但没有up and down 。任何人都可以帮助我们解决如何停止页面滚动，并仍然允许人们在游戏下方的评论框中键入评论？如果你阻止空格键，它会阻止人们在文本中添加空格！

聊天应用Scrollable div或iframe: 使用iframe或可滚动div可以使聊天窗口可滚动的建议方法是什么？这两种技术的优缺点是什么？您会选择哪个以及为什么？谢谢

我可以为jQuery提供默认的“上下文”吗？: 背景：可以提供jQuery选择器调用的第二个“context”参数（例如： jQuery(selector, context) ），以便为选择器引擎提供从中下降的起点。如果您需要控制IFRAME中的内容（在同一个域中），这通常很有用。您只需将iframe.contentWindow.document作为“context”参数传递。如果在使用jQuery的IFRAME中加载任何JavaScript代码，并且从外部窗口的范围调用，则该代码中对$或jQuery任何引用实际上都是来自外部窗口的jQuery实例。当IFRAME中的JavaScript代码（比如Bootstrap.js）执行类似$(document) （或者没有“context”参数的其他选择器），问题就来了。当从外部窗口调用该代码（在iframe中定义）时， document引用外部窗口中的HTMLDocument元素 – 这通常不是期望的结果。题：能够创建具有默认“上下文”参数的jQuery的词法范围的副本/包装将是非常有用的，由任何人创建它。例： // jQuery already exists out here var iframe = document.createElement(‘IFRAME’); iframe.addEventListener(‘DOMContentLoaded’, function(){ // code in here can already refer to $ for ‘outer’ jQuery // code in here can refer to $local for ‘inner’ jQuery by virtue of… […]

jquery触摸在iframe上滑动: 我正在尝试整理一个小应用程序，我可以在屏幕上的任何位置滑动。在我想要将iframe添加到页面的某个部分之前，这一切都还可以。我希望能够知道当人们在这个区域时滑动发生的时间。这可能吗？所以#box是可滑动区域的想法 this is some text 我已经整理了一个基本的jsfiddle，可能有助于表明我的意思 http://jsfiddle.net/dwhitmarsh/v42S9/

播放iframevideo点击链接javascript: 我在网页上使用了iframe video 。这是我的HTML代码 Play video 我需要playvideoonclick播放video链接。我怎样才能做到这一点？

如何使用哈希标记Href刷新页面: 我有一个href为”/news#1930″ 。当我在/news页面上点击此链接时，它不刷新页面（它只是将＃1930添加到URL的末尾）。我希望它刷新页面（我使用#tag后面的信息和一些jquery在相应的iframe中加载特定的文章，当它不刷新时不会加载新文章）。关于如何强制刷新的任何想法？我目前的代码是： $(document).ready(function() { var $news_story = $(window.location.hash.substring(1)), $news_number = $news_story.selector, $news_url = ‘http://www.synergy-pr.com/news/mediacenter/index.html?view=article&CustomerID=41b1if9-a17d4va5sf7of15e3kb0pa3kd2y-99d03n8sq4ad2xk8h47j00r98el5pf&ClientArticleID=’ + $news_number, //url of specific article $news_url_default = ‘http://www.synergy-pr.com/news/mediacenter/index.html?CustomerID=41b1if9-a1hd4xa52f78f1ke3bb0oa3ld2k-90208c8g64x02nh8wf7ad0m181p5su’; //url of general news page if ($news_number.length>0) { //if their is a # with a number, this means it is a sidebar link and should load that specific […]

在iframe中加载后，图像不会从缓存中加载: 我正在iframe中加载图像，然后（一旦加载了iframe）在页面上加载图像。但是大多数浏览器似乎都在加载图像两次。为什么不从缓存中加载img标记？像这样的东西： var loader = $(”).appendTo(‘body’)[0]; loader.onload = function() { $(‘body’).append(”); }; loader.src = imgsrc; http://jsfiddle.net/amirshim/na3UA/ 我正在使用fiddler2来查看网络流量。如果您想知道我为什么要这样做，请查看此问题

如何从远程页面获取iframe内容？: 我认为PHP是无用的，因为在执行php之后插入iframe，或者我错了？因此，我所知道的唯一解决方案是使用Javascript / jQuery。例如，如果JS与iframe在同一页面上，这将有效： $(function() { var myContent = $(“#iFrame”).contents().find(“#myContent”) }); iframe content blablabla 但是，我使用简单的HTML DOM库来抓取远程网页，如： $url = ‘http://page-with-some-iframe.com/’; $html = file_get_html( $url ); // Find iframes and put them in an array $iframes_arr = array(); foreach($html->find(‘iframe’) as $element) { $iframes_arr[] = $element->outertext; } var_dump($iframes_arr); die(); 但很明显，没有返回任何内容;（因为在运行php之后会显示iframe;（所以，我在想我可能需要注入这段代码： $(function() { var myContent = $(“#iFrame”).contents().find(“#myContent”) […]

jQuery调整iframe高度: 这段代码传递给了我。它使我的iframe设置为屏幕高度的100％： jQuery(document).ready(function(){var height = $(window).height(); $(‘iframe’).css(‘height’, height) }); 我是javascript的新手。如何编辑此代码使其设置为90％高度而不是100％？此外，此代码定位所有iframe，是否有任何方法可以使其定位到特定的iframe（通过其ID或NAME值）？如果你愿意，你可以在这里摆弄这段代码： http ： //jsfiddle.net/VurLy/

在IFRAME内部，jPlayer全屏？: 在IFRAME标签内可以使jPlayer的全屏工作吗？因此，“全屏”受iframe大小的限制。编辑：以下是我在IFRAME插入jPlayer的方法：其中videotut.html包含一个包含jPlayer的完整HTML页面，如果独立加载则可以正常工作。使用document.getElementById(‘movieContainer’).innerHTML = ‘…等代码修改object标签document.getElementById(‘movieContainer’).innerHTML = ‘… 另请参阅： https ： //groups.google.com/forum/#!topic/jplayer/IQxIIYhtAnE （PS如果您想帮助我为jPlayer提供多video设计，请在此处执行此操作： jPlayer多video演示代码？）