Tag: iframe

创建一个元素，并使用jQuery将html内容附加到其中: 是否可以使用jQuery创建一个元素并将html内容附加到它而不指定src属性？问题是我需要创建一个iframe ，我已经有了它的内容（我把它作为AJAX响应）。不幸的是，我无法指定我从src属性获得响应的URL。我想做的事情如下： $(”).append(response).appendTo(“#someDiv”);

FancyBox iframe返回parent。$ as undefined（使用WordPress）: 我试图从iframe中关闭FancyBox ，但是parent.$总是undefined 。这是我的iframe JavaScript： jQuery(document).ready(function($){ (function($) { $.fn.closeFancyBox = function() { $(this).click(function() { parent.$.fancybox.close(); }); }; })(jQuery); $(‘#cancel’).closeFancyBox(); }); }); 替换parent.$.fancybox.close(); alert(‘clicked’); 工作得很好。当iframe在同一个域中时，我不明白为什么parent.$是undefined的。我正在使用WordPress 2.9.1和FancyBox for WordPress插件。主页： //server.local/web/test/index.php iframe页面： //server.local/web/test/wp-content/plugins/wp-test/test.htm 这些url中的第一个是主页面，第二个是iframe页面; server.local是我的家庭测试服务器。有任何想法吗？如果它有用，我可以将整个源代码粘贴。

FancyBox将DIV的内容显示为iFrame类型: 这非常好用： $(document).ready(function() { $.fancybox({‘href’ : ‘http://www.cnn.com’,’frameWidth’:500,’frameHeight’:500,’hideOnContentClick’: false,’type’:’iframe’}); }); 也就是说，FancyBox打开并显示CNN主页。但是，如果我将href属性更改为“#pg” 并以这种方式编码页面： document.getElementById(“pg”).innerHTML = “test me now”; FancyBox打开但不显示任何文本。（文本“now me now”显示在#pg div元素中。注意它被分配给页面末尾的DIV的innerHTML。）基本上，我想知道是否有一种方法可以动态初始化DIV的innerHTML属性并将其显示为FancyBox类型的iFrame？（iFrame的内容将有一个打印iFrame文档的按钮。） TIA 更新：07/28/12 正如@arttronics建议的那样，我把一个jsFiddle放在一起总而言之，最终目标是能够单击FancyBox中包含的按钮，该按钮打印FancyBox的全部内容而无需打开另一个窗口。（我想使用FancyBox作为Javascript解析内容的报表查看器。）我假设我需要使用FancyBox的iframe播放器显示内容，但我可能错了。 jsFiddle显示： FancyBox能够使用内联播放器显示validation为HTML页面的文本。可以通过href或content引用文本。但是，当播放器是iframe且内容来自href ，FancyBox容器为空。如果内容来自content属性，则FancyBox显示404错误。只需评论和取消注释jsFiddle代码，看看我的意思。任何关于如何达到我的目标的想法都会受到赞赏并获得投票！ TIA。更新：07/31/2012 这个新的jsFiddle示例： iframe报表查看器可以工作但不能在FancyBox中工作如您所见，我尝试了几种在FancyBox中显示iframe的方法。虽然FancyBox确实显示了iframe的内容，但打印function会中断。我认为解决这个问题的一种方法是在加载后将myContent var的内容写入FancyBox，但我不能（A）找到要写入的正确DOM节点，并且（B）我可以’当iframe src=”about:blank”时，让FancyBox使用其iframe播放器显示iframe 。有什么建议？或者您是否看到了修复jsFiddle示例的方法？

从iframe中重新加载父窗口: 我在iframe中有我的登录页面，并希望在iframe中使用ajax和jquery重新加载父窗口而不刷新但是我收到这样的错误（this [0] .ownerDocument || this [0]）。createDocumentFragment不是函数请帮忙！

使用jQuery UI调整iFrame大小: 我有这个代码，它工作正常：头 $(document).ready(function() { $(“#test”).resizable({minHeight: 50, minWidth: 50}); }); 身体但是当我将“div”改为“iframe”时，我再也无法调整它了。身体

在IE中由jQuery设置的iframe`name`属性的奇怪行为: 我正在通过将表单中的文件发布到iframe来进行ajax样式文件上传，并注意到IE中的一些奇怪的行为（似乎发生在6和8中）。基本上在IE中，表单没有正确地target iframe，因此响应出现在新窗口中（而不是iframe中）。您可以使用以下最小的HTML / JS集重现该问题： $(document).ready(function(){ var frameName = “myFrame”; var $iframe = $(“”) .attr(“name”, frameName) .appendTo(“body”); var $uploadForm = $(“”) .attr(“target”, frameName) .append(“”) .append(“”) .appendTo(“body”); }); 现在（在你发布答案之前），我做了一些调查（使用IE8的开发人员工具），看起来.attr(“name”, frameName)实际上是将属性添加为submitName=”myFrame”而不仅仅是name=”myFrame” 。基于此，我通过将iframe创建代码更改为稍微麻烦来解决了这个问题： var $iframe = $(“”) .appendTo(“body”); 进行此更改会使表单根据需要发布到iframe中。我的问题是：为什么不.attr(“name”, …)按预期工作？它是jQuery中的一个bug，IE中的一个bug（当然不是！？！），还是我错过了一些明显的东西？ submitName属性来自哪里？它的目的是什么？

使用Jquery将iframe大小调整为内容: 我正在尝试动态调整iframe的大小以适应其内容。为此，我有一段代码： $(“#IframeId”).height($(“#IframeId”).contents().find(“html”).height()); 它不起作用。是因为跨域问题吗？我如何使它适合？请看看Fiddle： JsFiddle ps我已设置链接height:100%;的html和正文height:100%;

使用JQuery将事件处理程序添加到iframe: 我想将一个keydown事件处理程序分配给iframe。类似于纯JS的东西： document.getElementById(‘iframe_id’).contentWindow.addEventListener(‘keydown’,funcName, true); 我试过了： $(document.getElementById(‘iframe_id’).contentWindow).keydown( function() { // my func }); 但它不起作用..请帮忙！

JQuery模态框和iframe: 我一直在使用Simple Modal，我觉得它不符合我现在所需要的。是否有一个Modal Box支持加载外部文件，并允许这些外部文件关闭模式框并将父页面重定向到某个URL。我想做的一个例子。你有一个用户列表，你可以点击“添加用户”和弹出表格的模态框，你填写并提交。这将关闭该框并重新加载用户列表页面，以便您在列表中看到该用户。然后，您可以单击“编辑用户”，弹出一个模板框，其中填写了表单字段中填写的用户信息，您可以编辑，提交，然后关闭并刷新。我知道如果我将用户信息表单作为每个用户的隐藏div，但这不能很好地扩展，并且这是很多开销数据，这可以做到。我在Google Code上找到了一些关于此的代码，但却无法使其工作（可能是不同的简单模态版本我也愿意换成另一个模态框工具。更新：要么从子IFrame元素关闭Thickbox还是Fancybox支持？

Fancybox（jQuery） – 将信息从父级传递给iframe，iframe传回父级: 我想在我的页面上打开一个fancybox iframe。将一些基本信息传递给iframe。然后我想做到这一点，以便iframe回复它的父母。我静态地传递nameid-1，虽然我真的希望将其作为变量，例如： var nameid=$(this).attr(‘nameid’) 我只是不知道如何正确执行这一切，因为我是Ajax / Javascript的新手并且在逻辑上苦苦挣扎。 base.html文件 JS： // HTML： Mary Poppins Replacement Name: Iframe.html的 JS： // HTML The old name: $originalname; The id for this column is: $nameid Please select a new name: Display new married name : Mary Smith Display new married name: Sandy Shore Clear (Hide) married Names […]