iframe

Frame buster buster

不羁岁月 提交于 2019-12-12 09:06:27
问题 I'm trying to use a frame-buster-buster, as discussed in this question: Frame Buster Buster ... buster code needed It works great at stopping the frame buster, unfortunately it also stops any change of the url at all - including clicking links or typing a new address in the address bar. Is there any way around this? Maybe by clearing the window.onbeforeunload function after the frame has loaded? Or a completely different approach? 回答1: This is what I ended up going with. It ignores only the

Change iframe src onchange of dropdown value

半腔热情 提交于 2019-12-12 08:55:04
问题 I am able to change the source of an iframe very easily with a "button" click. But no matter what I try, I can't make the same happen with the use of a dropdown. This works: <html> <body> <a href="google.com" target="iframe">google</a> <iframe name="iframe" src="yahoo.ca"></iframe> </body> </html> But this does not: <html> <body> <form name="change"> <select name="options" target="iframe"> <option><a href="google.com" target="iframe">google</a></option> </select> </form> <iframe name="iframe"

xHTML 1.0 strict - Validate iFrames

别来无恙 提交于 2019-12-12 08:47:42
问题 Is it possible to validate iFrames in xhtml 1.0 strict? Preferably without any use of javascript to inject the iframe into the page. I know there is no point in validating just for the sake of validation, but lets just say that I like the green validation message on w3c ;) (I am forced by factors beyond my control to use iframes) Or maybe there is something very similar I can use in xHTML to get iframe-like behavior without losing compatibility across different browsers? (object?) Perhaps

Google maps iframe disable scrolling touch on mobile

半城伤御伤魂 提交于 2019-12-12 08:42:47
问题 Can I deactivate the google maps iframe when i'm on a mobile device? Settings are already with scrolling=no , but when I scroll on mobile the map is activated and become active. Is there a solution? Thanks 回答1: I had a similar problem and used something like this: <style> .overlay { background:transparent; position:relative; width:640px height:480px; top:480px; margin-top:-480px;} </style> <html> <div class="overlay" onClick="style.pointerEvents='none'"></div> <iframe src="https://mapsengine

When using video.js, why doesn't the full-screen button work inside an iframe?

删除回忆录丶 提交于 2019-12-12 08:34:31
问题 I use video.js for video play. When not using an iframe, clicking the full screen button works as expected. However, when using an iframe, the full screen button doesn't work. Why is this? The homepage of video.js is http://videojs.com/ the code of iframe page is: <!DOCTYPE html> <html> <head> <title>Demo</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body> <iframe src="sco01-m.htm" id="cw" name="cw" width="100%" height="1000px;" scrolling="no"

How are iframes used in html?

拈花ヽ惹草 提交于 2019-12-12 08:04:21
问题 What is an iframe, and how is it used in html? 回答1: An iframe is an object that allows you to embed external content in your HTML page. You can use it to display other web pages, documents (e.g. PDF) etc (although for complex media types you may want to try the object tag instead). You can add an iframe to your page like so: <iframe src ="externalContent.html" width="400" height="300"> <p>Your browser does not support iframes.</p> </iframe> The p tag inside will display if iframes are not

What CSP child iframe inherits from its parent?

我怕爱的太早我们不能终老 提交于 2019-12-12 07:54:54
问题 I have a webpage (say origin=A) that has an iframe embedded in it which loads from a different domain (say B). B loads bunch scripts from different domains (various CDNs). My webpage A sets pretty strict CSP like: default-src 'none'; script-src 'self'; frame-src B B doesn't set any CSP headers. Now I would expect the child frame, B, to inherit the CSP rules of A and trying to access various CDNs should be a violation of its CSP because of script-src 'self' but to my surprise, it works

Execute jQuery once document is ready AND iframe content is loaded

一笑奈何 提交于 2019-12-12 07:53:35
问题 As you can see on this page http://musicglaze.com/chase-status-let-you-go-feat-mali-feed-me-remix/#comments comment section is way out of place, After research I understood that it is caused because plugin responsible for styling (http://masonry.desandro.com/) is called within $(document).ready(function(){ }); function. however, content is loaded into iframe after that, therefore changing its height, but as plugin takes into account its original height without content everything gets messed

Chrome Extension: Accessing a cross-origin iframe within background.html

烈酒焚心 提交于 2019-12-12 07:37:39
问题 I'm trying to write an extension that scrapes a site that needs to be loaded as a webpage, due to the complexities of the pages (XHR isn't really an option). The best solution I've come up with is to do the scraping via an iframe placed in the background.html. The extension will provide the user with notifications when certain conditions on the target page are met. There was a very similar question posted here a few years ago: Chrome extension: loading a hidden page (without iframe) I was

How to get rid of border for an Iframe in IE8

偶尔善良 提交于 2019-12-12 07:31:47
问题 I am creating a dialog with an iframe inside, the problem is that the border keeps showing in IE8, this works perfectly in any other browser. This is what I have tried, I also tried border:none $(d.dialog).find('#MyCoolDialogInner').html('<iframe src="/apex/EscalationForm?id={!Case.Id}" height="495" width="380" marginheight="0" marginwidth="0" frameborder="0"/>'); Thanks in advance 回答1: Add the frameBorder attribute (note the capital ‘B’). So it would look like: <iframe frameBorder="0"