iframe

问题 I would like to do something similar to this: http://bit.ly/RLpHme I'm working on a website for a real estate agent, and she would like to load the listings from her partners site, but have a fixed header at the top with her information. How would I go about achieving this? Thanks for the help! 回答1: fixed header with iFrame, check http://jsfiddle.net/QQKc4/50/ <div id="headerfix"></div> <iframe id="preview-frame" src="http://www.test.com" frameborder="0"></iframe> CSS #headerfix { height:

问题 I'm using the hidden iframe method of submitting files without loading a new page, and it works on every browser except Internet Explorer, which is strange coming from an otherwise top-notch browser. The form and iframe look like this: <iframe id="hidden_upload" style="display:none" src="" name="hidden_upload" ></iframe> <form class="" action="upload.php" method="post" target="hidden_upload" enctype="multipart/form-data" id="uploadForm"> <table> <tbody> <tr> <td><label for = "title">Title: <

问题 I want to embed a wikipedia article into a page but I don't want all the wrapper (navigation, etc.) that sits around the articles. I saw it done here: http://www.dayah.com/periodic/. Click on an element and the iframe is displayed and links to the article only (no wrapper). So how'd they do that? Seems like JavaScript handles showing the iframe and constructing the href but after browsing the pages javascript (http://www.dayah.com/periodic/Script/interactivity.js) I still can't figure out how

问题 I am working with a webpage with an iframe within it. The iframe has a fair amount of data in it and every-time it loads its height expands to the extent of the content within. However this puts my page out. Is there anyway to lock the height of the iframe and allow the user too scroll through the content?? 回答1: Hmm, weird... do you have an example link of this issue? When I try a simple iframe: http://jsfiddle.net/mP6wT/5/ <iframe src="http://example.org/"></iframe> It seems to be sized

问题 On a page I have an Iframe that contains input boxes, and if I select one of those boxes in FireFox and use document.activeElement , I get the IFrame. Thats okay, I just use that IFrame and get its contentDocument, save it, then do activeElement again and now I get the input box. However, in Chrome and Safari, when I select one of the boxes inside the IFrame and do document.activeElement , I get the body element. If I select an element outside the IFrame, document.activeElement works

问题 I am overlaying hidden rectangle on my iframe. Then Detecting click inside my rectangular region. Then i will take its (X,Y) and simulate a click inside iframe on same coordinate(X,Y). This way, i will pass user's click on hidden rectangular area to iframe as it is not possible to directly detect events on iframe because of security issues. This will bypass that issue. Some problem with my code. Not able to pass click to iframe on triggering. Here is Js Fiddle http://jsfiddle.net/biggenius

问题 Specifically, the IRI references (e.g. fill="url(#myLinearGradient)" ) do not seem to work. Example here: http://jsfiddle.net/QYxeu/2/ Screenshot (iframe on the right): The linear gradient is not rendered on the right. I'm getting this issue in Chrome, Firefox, but strangely Safari is okay. Does anyone know what the issue could be and how to solve it? 回答1: This issue can be solved by opening and closing the iframe document once. It seems that some browsers need to initialize the content

问题 I need to allow some website previews inside sencha touch. I see two different possibilities: opening safariMobile-app to show the link generating a panel with an iFrame inside the 'html'-property. because I don't know how to achieve 1. I started with 2. but run into some trouble: a) the content of my iFrameis not scrollable. if I try to scroll the content, the whole viewport scrolls, including my bottom-tabPanel-Buttons! b) the displayed website seems to load without any css or images here

问题 index.html with this code <iframe src="other.html" width="100%" height="600px"></iframe> <input type="button" id="btnOutside" value="Click me"/> In the other.html I have this code: <input type="button" id="btnInside" value="Other Click"/> <script type="text/javascript"> $(document).ready(function() { $("#btnInside").click(function () { alert('inside'); }); }); </script> I am trying to make that the outside button trigger the inside button like this in the index.html <script type="text

问题 I've noticed a few websites deny access from iFrames to their registration and login pages for security reasons. It's a good idea in my opinion. I'm wondering what settings they need in order to do this as I would like to do the same on my website. The website in question is built in Java and runs on Apache Tomcat. If anyone knows how this is done it would be great if you could share. 回答1: well, you should use the x-frame-options . read this article, hope it helps: http://blogs.msdn.com/b