iframe | 易学教程

Proxying a site to be able to WYSIWYG edit in iframe - How does it work?

阅读更多关于 Proxying a site to be able to WYSIWYG edit in iframe - How does it work?

问题 CONTEXT I'm looking to create a WYSIWYG editor that allows users to edit a third party site loaded within an iframe. I know the companies such as Optimizely use proxying to accomplish this (as described here) but I don't quite understand how this works. In particular, this part is somewhat unclear: The Optimizely Editor loads http://www.mypage.com inside an iframe and uses window.postMessage to communicate with the page. This only works if that page already has a snippet like the one above on

Proxying a site to be able to WYSIWYG edit in iframe - How does it work?

阅读更多关于 Proxying a site to be able to WYSIWYG edit in iframe - How does it work?

Inject javascript function into parent window from iframe

阅读更多关于 Inject javascript function into parent window from iframe

问题 I'm working on a project that has many iframes that are opened and closed in a parent window. I have an object that needs to be defined and shared between the iframes. The issue I'm running into is that when the iframe that created the object on top is closed the functions associated with it are lost. Is there a way I can define an object on top that will be accessible from my iframes even after the original iframe goes out of scope? 回答1: We came across this problem and this question and

HTML Generator: Convert HTML to PlainText and put in a TextBox using PHP

阅读更多关于 HTML Generator: Convert HTML to PlainText and put in a TextBox using PHP

问题 I would like to make a generator to get easy work in eBay description. So i've created a page with some form input that send the value to a php page in the main page iframe. Now I need to take the full HTML code and put in the iframe (naturally I get the full rendered page) and I need to view the source code, copy and put in the eBay html description. So, the question is: Can I convert the HTML code as plain text and put in a textbox so I can easily copy using a button? I don't need a

Why won't an HTML form load into a Javascript-created iframe?

阅读更多关于 Why won't an HTML form load into a Javascript-created iframe?

问题 So, in pure HTML, I can create a form that loads its results into an iframe (instead of moving the user to the result url). <html> <head> <title>Google Preview</title> <style>iframe { width: 800px; height: 600px }</style> </head> <body> <form method='get' action='http://www.google.com/search' target='results'> <label for='q'>Google Search:</label> <input name='q'/> </form>  <iframe name='results'></iframe> </body> </html> I'm trying to do a similar

Get parent page to scroll to top when iframe's form validation fails

阅读更多关于 Get parent page to scroll to top when iframe's form validation fails

问题 A client wants to adapt an existing form for their site-wide subscription application. Due to the way the site is laid out, the easiest way to implement this was to have an iframe pull the existing form into the new page. However, this has caused some issues with existing behavior when form validation triggers a fail. I have an iframe in the page: <iframe class="contactForm" frameborder="0" height="1720px" src="/path/to/contact.html" width="904px”> <p>Your browser does not support frames.</p>

iframe Allowfullscreen not working in ie11 , works for youtube video not for other site src

阅读更多关于 iframe Allowfullscreen not working in ie11 , works for youtube video not for other site src

问题 Here are two lines of HTML code: My website url (doesn’t work in IE) <iframe style="box-shadow: 10px 10px 5px #888888; margin: 20px; float: right;" mce_style="box-shadow: 10px 10px 5px #888888; margin: 20px; float: right;" src="http://www.youtube.com/embed/xDMP3i36naA" mce_src="http://www.youtube.com/embed/xDMP3i36naA" scrolling="no" frameborder="0" height="230" width="400" allowfullscreen></iframe> YouTube (does work in IE) <iframe style="box-shadow: 10px 10px 5px #888888; margin: 20px;

iframeElm.contentWindow.document.selection not working for <iframe> in IE if set focus on other input after making selection in the iframe

阅读更多关于 iframeElm.contentWindow.document.selection not working for in IE if set focus on other input after making selection in the iframe

问题 This is similar but different question about how to set html in the selection of the iframe's editable content. One sample found is: http://jsfiddle.net/HMRMv/1/, but it can also be used to show the problem. On IE, in the sample if you select the text in iframe and then do the click, it will work. But after select the text in the iframe's editable content and than clicking on other pane, you will see the highlight disappear and the 'click' on the button will do nothing. Look like the: var

How to view an image outside of web root?

阅读更多关于 How to view an image outside of web root?

问题 I have a .png that I want to embed on a particular page. This .png is outside of the web root, but we have a module in our system that allows users to view that image on a separate page. I found that I can use an iframe to view the .png on some browsers, but sometimes there is an authorization issue or when trying to print the page the image doesn't load through the iframe. I tried PHPs readfile(), but then I just have another authorization issue. I find the authorization issue odd since one

Youtube live chat embed not working in mobile

阅读更多关于 Youtube live chat embed not working in mobile

问题 <iframe allowfullscreen="" frameborder="0" height="500" src="https://www.youtube.com/live_chat?v=XX71LoT8AME&embed_domain=localhost" width="480"></iframe> This is the Iframe code for the youtube live chat embed. It works fine in desktop view but return a javascript error in mobile view and no content is shown 回答1: We just wanted to embed the youtube chat and found this on Google Support. Unfortunately, Youtube chat embed isn’t available on mobile web according to google: https://support