iframe

问题 I would like to catch the HTTP code of an iframe. Depending on the HTTP code the iframe must continue/stop loading. Is there any way to do this, using Jquery etc? Or should I use Curl first to check the HTTP code and then load the iframe? Thanks in advance. 回答1: You can do this by using XmlHttRequest to load your "iframe" : var httpRequest = new XMLHttpRequest(); httpRequest.onreadystatechange = function() { if (httpRequest.readyState === 4) { if (httpRequest.status === 200) { // success

问题 I'm using the excellent Jalbum to create a photo album for a website. Each page of the generated photo album is a complete webpage, so the recommended way to embed the album within a website is to use an iframe. A problem arises when I want to style the images contained within the embedded iframe. If I add a rule such as: img { -ms-interpolation-mode: bicubic; } to my stylesheet, it does not select the images within the iframe. Is there a way to select elements contained within an embedded

问题 I'm using the excellent Jalbum to create a photo album for a website. Each page of the generated photo album is a complete webpage, so the recommended way to embed the album within a website is to use an iframe. A problem arises when I want to style the images contained within the embedded iframe. If I add a rule such as: img { -ms-interpolation-mode: bicubic; } to my stylesheet, it does not select the images within the iframe. Is there a way to select elements contained within an embedded

问题 I have been cracking my head over this one for so many hours now in vain .. Your help is SOOO appreciated. I'm creating a website for a friend. I usually don't use Ajax, but he purchased this template and asked me to do the modifications needed. Everything is going well, until I reached this point. There's a gallery, and my friend wants something unique. What I want to achieve at the moment is, When a member clicks an image, it opens a page in Iframe. I want this Iframe to cover the website,

问题 I'm working on a Dashboard for work where I have multiple iframes open on one web page, each iframe having a different site. I have been able to get the div 's holding the iframes to resize and drag, but I cant for the life of me get it to minimize when I press the top left image. Here's what I have so far: // JavaScript Document $(function () {"use strict"; $("#framewrap") .resizable() .draggable(); }); .body_padding { padding: 16px; } #framewrap { padding-right: 10px; padding-left: 10px;

问题 I'm trying to get the id and element name from the HTML tags. This code works: jQuery(document).ready(function(){ $("*", document.body).mousemove(function(e){ $('#mpos').html(e.pageX +', '+ e.pageY); e.stopPropagation(); var domEl = $(this).get(0); $('#elem').html(domEl.tagName); $('#ide').html(domEl.id); }); }); But I want it to work also inside an iFrame. If I try now, it only displays the the id and the element name of the iFrame. Thanks in advance! 回答1: It's because the page only sees the

问题 I've got a iframe with pdf file: <iframe src="pdf/sample.pdf"></iframe> How to set that the iframe is the same height as the pdf file, without scrollbars? 回答1: If you want to display the PDF without scrollbars, you can do this by passing parameters in the URL. Adobe has documented this here: http://www.adobe.com/content/dam/Adobe/en/devnet/acrobat/pdfs/pdf_open_parameters.pdf Try this: <iframe src="pdf/sample.pdf#view=fit"></iframe> You are not exactly setting the height of the iframe to fit

问题 For context, I am designing an Ionic mobile app for my website. However, I don't believe that this question is limited to the Ionic framework. Within my app, I want to display a full-width, full-height iframe loading one of the pages from my website. This is straightforward enough: <iframe id="myFrame" src="https://example.com/" style="height:100%;width:100%"></iframe> However, I now want to be able to "trim" or "hide" content from the iframe (something similar to this example). In one iframe

问题 it is often done by code like this: if ( window.parent.frames.length>0 ) {} // check how many frames, if none do nothing else { window.location="[new destination]"; // else change the current location } But I want to prevent iframe content from knowing that it is on the iframe. I am writing a php proxy and content will be from the same domain and I know that I have an option to remove instances of escaping code one by one using server side code but maybe is there an option to do it in js. 回答1

问题 I want to show a fancybox on my page displaying an iframe with a source of another domain that has dynamic height (since within the iframe I'll go to different pages or might have some dynamic content). I have access to the other domain's code as well. So I can use postMessage to send the iframe's source's height to my page. But I can't seem to figure how to change the fancybox's height through code. I tried setting the height of all the divs that contain the iframe, including the iframe