iframe | 易学教程

Internet Explorer 7 iframe, make height 100%

阅读更多关于 Internet Explorer 7 iframe, make height 100%

问题 In a page, I have a single iframe in which I will load various things (some js, Java applet). I would like to set its dimensions so that it always fits the browser (100%,100%) and is scrollable. Unfortunately, the 100% only works for the width, for the height my contents are vertically squeezed if I don't set a value in pixels... I have frozen the browser's scrollbars as the behavior of those in IE7 is horrible. How would I fix this ? Maybe a Javascript workaround is the only solution ? <

Scroll Down iFrame - jQuery/JS

阅读更多关于 Scroll Down iFrame - jQuery/JS

问题 I am trying to scroll my iFrame by clicking on a button that is not inside the iFrame and I don't know Javascript/jQuery very well yet, I am learning, so maybe someone could help me here? I will be more specific, clicking on the image (imgcast1 to imgcast4 as you can see in the code) the iFrame will be scrolled to a certain point, if you open the iFrame src you can see the iFrame content, if you want to see the whole website but with a lot of bugs open it here: http://www.flamingpanda.xpg.com

Youtube Overlay Image Div - Autoplay Underneath

阅读更多关于 Youtube Overlay Image Div - Autoplay Underneath

问题 I have a div overlay on top of a YouTube iframe on this homepage. The idea is you click once and then the video would automatically play, however I just can't get it to play ball. When I set YouTube paramater 'autoplay=1' the video plays underneath the image without even clicking it. Here's the code I'm using below; <div onclick="thevid=document.getElementById('thevideo'); thevid.style.display='block'; this.style.display='none'"> <img style="cursor: pointer;" src="http://www

聊聊 Vue 中 title 的动态修改

阅读更多关于聊聊 Vue 中 title 的动态修改

由于之前的 Vue 项目打包成果物一直是嵌入集成平台中，所以一直没有关注过项目的 title。直到最近，突然有个需求，要求点击按钮在集成平台外新开一个页面，此时我才发现，原来我的项目的 title 一直是万年不变的 vue-project 。理所应当的，这个问题被测试爸爸提了一个大大的缺陷。犯了错的我赶紧解决这个问题，但是经过一段时间的摸索，我却发现，这一个小小的问题，却有着很多不同的解法。首先，毫无疑问的是，我们应该使用 document.title 方法通过 DOM 操作来修改 title 的值。此时，距离解决问题还差两步：如何传递 title？何时修改 title？ ps：很多人提到过在微信或者一部分 IOS webview （下文一律以微信指代）中无法通过 document.title 方法修改 title 的值，这个问题的解决方案在文末的彩蛋中会提及。 title 的传递接下来进入第一个重点：title 的传递。根据传递 title 值的方式，分为两种方案：全局变量传递路由传递何为全局变量传递？全局变量传递指的是所有页面维护同一个全局变量，切换页面对其重新赋值，最常见的方法是使用 Vuex，当然，如果你要使用 this.$root 甚至丧心病狂地想要使用 provide/inject 一样可以达到类似的效果。路由传递的方法就比较容易理解了

Should I use <object> or <iframe> for loading a video?

阅读更多关于 Should I use or for loading a video?

问题 I load lots of Youtube videos in one page (up to 25). Should I use iframe for each video or show it just in <object> ? As I understand, if I use iframe, my page will load much faster, because it will load my page first and it will not have to wait to load videos. Am I right? 回答1: Your understanding is incorrect. Your "page" (that is, your HTML document itself) will load and render in the same amount of time. However using <iframes> means the browser has to load not just the same video files

How can Safari be prevented from scrolling an overflow:hidden iframe?

阅读更多关于 How can Safari be prevented from scrolling an overflow:hidden iframe?

问题 With Safari you can disable most iframe scrolling by setting style="overflow: hidden;" on the iframe. However, if you click in the iframe and move the mouse the content scrolls anyhow. Example: <html> <body> <iframe style="width: 100%; height:100px; overflow: hidden;" scrolling="no" src="scrollcontent.html"> </iframe> </body> </html> scrollcontent.html: <html scroll="no" style="overflow:hidden;"> <body scroll="no" style="overflow:hidden;"> <div style="background-color: green; height:100px;">A

Switch IFrame with Codeception using ID

阅读更多关于 Switch IFrame with Codeception using ID

问题 How can I switch to an IFrame with Codeception using ID? Actually I can use the name of the IFrame but not the ID -> Codeception SwitchToIFrame IFrame Example: <iframe id="iframeToolbar" src="link" frameborder="0" style="position: fixed; left: 0px; top: 0px; z-index: 998; width: 940px;" scrolling="no" width="100px" height="100%"></iframe> Codeception Example: <?php # switch to iframe $I->switchToIFrame("another_frame"); # switch to parent page $I->switchToIFrame(); Is it maybe a Codeception <

iFrame showing up Blank in Facebook Canvas App

阅读更多关于 iFrame showing up Blank in Facebook Canvas App

问题 I have an extremely simple page that I'm trying to view in the Facebook iframe. It's a Django-view but it's not dependent upon whether the request is submitted via POST or GET. All it does is returns some simple HTML. If we hit the link directly, it displays correctly. If, in firefox, I right-click on the iframe and choose the option to display only that frame -- then it shows correctly. However, when viewing the Facebook App, nothing shows up. Here's the App Link: http://apps.facebook.com

iFrame showing up Blank in Facebook Canvas App

阅读更多关于 iFrame showing up Blank in Facebook Canvas App

How to dynamically resize iFrame in Firefox?

阅读更多关于 How to dynamically resize iFrame in Firefox?

问题 I used the solution stated on this page to resize the iFrame depending on the content: Resizing an iframe based on content And it works perfectly, except in Firefox. In Firefox, the other content is cut-off but once you keep on refreshing the page, the browser will slowly reveal the rest of the content. I saw someone replied that this is the solution to the problem: Use jQuery to get the body height in framed.html (FF issue, body kept growing): var height = $(document.body).height(); However,