Tag: iframe

如何使用jQuery为属性值（而不是样式属性）设置动画？: 我需要为iframe的height属性设置动画，但似乎animate函数仅接受样式属性。有什么想法吗？

如何使用javascript和/或jquery从父窗口访问iframes文档事件鼠标位置: 我在父窗口中有一个iframe，iframe src和父窗口位于同一个域中。为了保持iframe文档不受javascript限制，我希望能够在父窗口中使用一个函数来获取iframe中的鼠标位置。到目前为止，我的尝试包括： $(document).bind(“mousemove”, function(e){ $(“#result”).html(“x:” + e.pageX + “, y:” + e.pageY); }); $(“#iframe1”).contents().find(document).bind(“mousemove”, function(e){ $(“#result”, window.parent.document).html(“x:” + e.pageX + “, y:” + e.pageY); }); 第一个mousemove事件正确显示结果div中的鼠标位置，但第二个事件（我试图绑定到iframe文档）没有给出任何响应。

如何为iFrame按钮单击调用window onunload事件，父页面和iFrame位于不同的域中: 我有一个打开iFrame的按钮（位于域中的’xyz’），iFrame加载了另一个域中的页面（比如’lmn’） $(“#templateSelectionFrame”).get(0).contentWindow.location.href = url; url来自另一个域（我在不同的域中使用Jquery’POSTMESSAGE’进行通信）当用户从iFrame点击取消按钮时，我需要关闭iFrame，但在此之前需要显示页面留言（即留在页面/离开页面 – 这是在window.onbeforeunload调用的）。 var warnNavigateAway = true; window.onbeforeunload = confirmBrowseAway; // Called then user leave window without saving content. function confirmBrowseAway() { if (warnNavigateAway) { return “If you leave this page, your work will be lost …”; } } function documentSaved() { warnNavigateAway = false; } function documentDirty() { […]

如何打印动态生成的pdf dataUrl？: 我正在尝试从网页上打印动态生成的PDF。 var $iframe = $(”); $iframe.appendTo(‘body’); $iframe.load(function() { var iframe = $iframe[0]; var result = iframe.contentWindow.document.execCommand(“print”, false, null); if (!result) iframe.contentWindow.print(); $.remove($iframe); }); $iframe.attr(‘src’, dataUrl); execCommand（）给出错误消息：未捕获的SecurityError：阻止具有原点“ http：// localhost：2520 ”的帧访问具有原点“null”的帧。请求访问的帧具有“http”协议，被访问的帧具有“数据”协议。协议必须匹配。另外，设置src attr会发出警告：资源解释为Document但使用MIME类型application / pdf传输： dataUrl看起来像这样： data:application/pdf;base64,JVBERi0xLjQKJdP… 编辑：@Mike C 我可以创建iframe并显示pdf，但是当我打印时，它是空白的。 body * { display:none } iframe#theframe { display:block } var $iframe = $(”); […]

从iframe内部获取绝对鼠标位置: 我有一个iframe的网页呈现另一个页面（相同的域）。我需要获取与父文档相关的鼠标位置。请注意，iframe可以双向滚动。我尝试过使用偏移而没有运气。 $(‘#iframe’).contents().find(‘html’).on(‘mousemove’, function (e) { //gives me location in terms of the iframe but not the entire page. var y = e.pageY; //gives me 0 var y = $(this).offset().top; //more code here…. })

如何从iframe访问文档中的？: 我有一个iframe 我在inspector元素中发现img标签位于带有body标签的“#document”中我需要访问这个img（“landingpage.jpg”）以便更改（图像很小…需要resize），其宽度为100％，高度为：90％我尝试过使用#Iframe1>#document>html>body>img{width:100%;}

显示覆盖以覆盖整个页面: 我有一个在iframe加载的网络应用程序。我需要显示一个覆盖div来覆盖整个页面。问题是叠加层当前只显示在iframe区域而不是覆盖整个页面，（我们的应用程序（子应用程序）是iframe加载的一组应用程序的一部分）

如何在缓存中加载iframe并考虑缓存: 我之前用过这种方法。在使用javascript的事件中，我将data-src为src并且video开始播放。我在浏览器中返回时遇到了浏览器缓存问题，背景中的video自动播放（我为实际的iframe加载了缩略图）。因此，我切换到一种方法，我只是在评论中加载iframe <!—-> 然后删除点击评论。我在Google plus上看到谷歌使用这种确切的方法。问题是现在再次缓存，这次是服务器端。我认为cloudflairs自动缩小很可能正在删除HTML评论。快速搜索显示我可能无法标记他们不会使用cloudfliar删除的评论。最重要的是，这是一个wordpress插件，所以问题仍然与删除HTML注释的各种缓存插件相关。所以现在我的问题是。是否有更好的方法延迟加载没有HTML注释的iframe？我还是想以某种方式将iframe存储到位…就像我写这篇文章一样，我可能能够存储数据以构建一个iframe，在一些随机标签json编码或其他东西，然后在点击时构建iframe。

Jquery在iframe中检测body标签上的更改或keyup: 我的页面上有一个jwysiwyg内容编辑器控件。该控件的工作原理是在iframe中创建自己的iframe，其中包含完整的html页面代码。我希望检测是否有change或keyup以便我可以使用“指示记录需要保存”代码。我们有输入框，这项工作很好，只是这个第三方编辑器控件给我们带来了问题。以下是页面源的外观： I just typed this now! 看到body标签包含实时更改。有了这些SO问题…… jQuery’if .change（）或.keyup（）’ https://stackoverflow.com/a/1639342/511438 我在文档中尝试了以下内容。准备： $(‘iframe’).contents().find(‘body.wysiwyg’).live(‘change’, function (e) { alert(‘testing’); }); $(‘iframe’).contents().find(‘body.wysiwyg’).live(‘keyup’, function (e) { alert(‘testing’); }); $(‘iframe > *’).bind(‘keyup’, function (e) { alert(‘testing’); }); 希望这个版画屏幕有用。 LARGER

z-index和iframe问题 – 下拉菜单: 嘿。我的下拉菜单和iframe有一个相当令人费解的问题。我已将z-index 1000应用于下拉菜单，但包含youtubevideo的iframe仍显示在菜单上方。请在下方查看（查看“短代码”菜单）： http://www.matthewruddy.com/demo/?page_id=765 我无法弄清楚为什么会这样。谁能帮我吗？如果它有帮助，这是CSS： #jquery-dropdown { position: absolute; bottom: 0; right: 10px; } #jquery-dropdown ul { margin: 0; padding: 0; list-style: none; } #jquery-dropdown ul li { margin: 0; padding: 15px 10px 15px 10px; position: relative; float: left; } #jquery-dropdown ul li a { display: block; text-decoration: none; font-weight: bold; […]