Tag: iframe
Google+ +1小部件如何突破其iframe？
不知何故，hover在Google+加一小工具上可以引入一个工具提示types处理，它明显大于包含它的<iframe>元素。 我已经检查了DOM来确认这一点。 所以： 什么？ 怎么样！？ 如果恶意使用，这是不是一个巨大的clickjacking机会？ （想象一下，有人为这些社交小工具做了一个MITM！） *更新：我看到的是，tooltip-y消息是在第二个dynamic创build的iframe 。
如何水平中心一个iframe？
考虑下面的例子:( 现场演示 ） HTML： <div>div</div> <iframe></iframe> CSS： div, iframe { width: 100px; height: 50px; margin: 0 auto; background-color: #777; } 结果： 为什么iframe不像div一样集中alignment？ 我怎么能集中alignment它？
使iframe适合容器剩余高度的100％
我想devise一个横幅和一个iframe的网页。 我希望iframe可以填充所有剩余的页面高度，并在浏览器resize时自动resize。 是否有可能完成而不写Javascript代码，只有CSS？ 我试图在iframe上设置height:100% ，结果非常接近，但iframe试图填充整个页面高度，包括横幅div元素的30px高度，所以我得到了不必要的垂直滚动条。 这并不完美。 更新logging ：不好意思，我不是很好地描述了这个问题，我尝试了CSS边距，DIV上的填充属性，成功地占据了网页的整个提醒高度，但是这个技巧在iframe上不起作用。 <body> <div style="width:100%; height:30px; background-color:#cccccc;">Banner</div> <iframe src="http: //www.google.com.tw" style="width:100%; height:100%;"></iframe> </body> 任何想法是赞赏。
使用jQuery从CKEditor的iframe中获取内容
我有一个使用CKEditor *（FCKEditor v3）编辑内容的定制CMS。 我也使用jQuery Validation插件在基于AJAX的提交之前检查所有字段是否有错误。 我使用serialize（）函数将数据传递给PHP后端。 问题是，serialize会正确地抓取所有的字段，除了在CKEditor中input的实际内容。 像所有其他所见即所得的编辑器一样，这个编辑器也覆盖了现有文本框的iframe。 而序列化忽略了iframe，并只看到文本框的内容，当然，它没有find，从而返回一个空白的内容体。 我的方法是在CKEditor的onchange事件上创build一个钩子，并且同时更新文本框（ CKEDITOR.instances.[textboxname].getData()返回内容）或其他一些隐藏的字段。 但是，由于CKEditor仍处于testing阶段，严重缺乏文档，所以我找不到合适的API调用，使我能够做到这一点。 有没有人有任何想法如何去做这个？
将值从窗口传递给iframe
我需要发送一个值到一个iframe。 iframe存在于当前窗口中。 我怎样才能做到这一点？ 我需要在父（当前）窗口的JavaScript中做。
防止浏览器中的iframecaching
如何防止Firefox和Safaricachingiframe内容？ 我有一个简单的网页与一个iframe到不同的网站页面。 外部页面和内部页面都有HTTP响应头，以防止caching。 当我单击浏览器中的“返回”button时，外部页面正常工作，但无论如何，浏览器总是检索iframed页面的caching。 IE浏览器工作得很好，但Firefox和Safari都给我带来麻烦。 我的网页看起来像这样： <html> <head><!– stuff –></head> <body> <!– stuff –> <iframe src="webpage2.html?var=xxx" /> <!– stuff –> </body> </html> varvariables总是改变。 尽pipeiframe的URL已经发生变化（因此，浏览器应该向该页面发出新的请求），但浏览器只是获取caching的内容。 我已经检查了HTTP请求和响应，我注意到，即使外部页面包含<iframe src="webpage2.html?var=222" /> ，浏览器仍然会获取webpage2.html?var=111 。 以下是我迄今为止所尝试的： 用随机var值更改iframe URL 将Expires，Cache-Control和Pragma标题添加到外部网页 将Expires，Cache-Control和Pragma标题添加到内部网页 我无法执行任何JavaScript技巧，因为我被同源策略阻止。 我正在用尽想法。 有谁知道如何停止浏览器cachingiframed内容？ 更新 我安装Fiddler2丹尼尔build议执行另一个testing，不幸的是，我仍然得到相同的结果。 这是我进行的testing： 外部页面使用JSP中的Math.random()生成随机数字。 外部页面显示网页上的随机数字。 外部页面调用iframe，传入随机数。 内页显示随机数。 通过这个testing，我可以看到哪些页面正在更新，哪些页面被caching。 视觉testing 对于快速testing，我加载页面，导航到另一个页面，然后按“返回”。 结果如下： 原始页面： 外页面：0.21300034290246206 内页：0.21300034290246206 离开页面，然后点击： 外页面：0.4470929019483644 内页：0.21300034290246206 这表明正在caching内部页面，即使外部页面在URL中使用不同的GET参数调用它。 […]
如何在jQuery UI对话框中显示IFRAME
我正在升级的Web应用程序使用jQuery和jQuery UI。 我用jQuery UI对话框取代了window.open和<a target=_blank>大多数实例。 例如，用于在新窗口中打开的条款和条件; 现在我使用AJAX的jQuery UI对话框。 为了一致性，我打算尽可能使用它。 一个这样的地方是一个页面，我将有video的外部链接。 就像是： <a href="http://website.com/videos/1.html" target="_blank"><img src="http://website.com/videos/1.png"></a> <a href="http://website.com/videos/2.html" target="_blank"><img src="http://website.com/videos/2.png"></a> 在某些情况下，我可能会使用target=iframe1 。 现在，而不是打开一个iframe或popup窗口中的内容，我想显示在popup对话框内的内容。 我怎样才能使用jQuery UI对话框来实现呢？ 会有什么问题吗？
z-index在IE中无法在iframe中使用pdf
我不能让一个包含IE8的PDF文件的iframe工作。 它适用于Google Chrome。 示例（ JSFiddle ）： HTML <div id="div-text"> <div id="shouldBeOnTop">my text that should be on top</div> </div> <div id="div-frame"> <iframe src="http://legallo1.free.fr/french/CV_JLG.pdf" width="200" height="200"/> </div> CSS #div-text{ position:relative; left:210px; top:20px } #shouldBeOnTop{ position:relative; right:60px; background-color:red; width:100px; z-index:2; } #div-frame{ position:relative; z-index:1; }
YouTube Iframeembedded自动播放
我正在尝试embeddedYouTubevideo的新iframe版本，并将其自动播放。 据我所知，没有办法通过修改标志到URL来做到这一点。 有没有办法通过使用JavaScript和API来做到这一点？
是否有一个跨域的iframe高度自动调整器的作品？
我尝试了一些解决scheme，但没有成功。 我想知道是否有一个解决scheme，最好有一个易于遵循的教程。
