In the Developer Tools in Chrome, there is a bar along the top, called the Execution Context Selector (h/t felipe-sabino), just under the Elements tab, that changes depending on the context of the current tab. When in the Console tab there is a dropdown in that bar that allows you to select the frame context … Read more
window.top.location.href = “http://www.example.com”; Will redirect the top most parent Iframe. window.parent.location.href = “http://www.example.com”; Will redirect the parent iframe.
<script type=”application/javascript”> function resizeIFrameToFitContent( iFrame ) { iFrame.width = iFrame.contentWindow.document.body.scrollWidth; iFrame.height = iFrame.contentWindow.document.body.scrollHeight; } window.addEventListener(‘DOMContentLoaded’, function(e) { var iFrame = document.getElementById( ‘iFrame1’ ); resizeIFrameToFitContent( iFrame ); // or, to resize all iframes: var iframes = document.querySelectorAll(“iframe”); for( var i = 0; i < iframes.length; i++) { resizeIFrameToFitContent( iframes[i] ); } } ); </script> <iframe src=”https://stackoverflow.com/questions/819416/usagelogs/default.aspx” … Read more
I found the best solution was to use the base tag. Add the following to the head of the page in the iframe: <base target=”_parent”> This will load all links on the page in the parent window. If you want your links to load in a new window, use: <base target=”_blank”> Browser Support
FWIW, most current browsers support the X-Frame-Options: deny directive, which works even when script is disabled. IE8: http://blogs.msdn.com/ie/archive/2009/01/27/ie8-security-part-vii-clickjacking-defenses.aspx Firefox (3.6.9) https://bugzilla.mozilla.org/show_bug.cgi?id=475530 https://developer.mozilla.org/en/The_X-FRAME-OPTIONS_response_header Chrome/Webkit http://blog.chromium.org/2010/01/security-in-depth-new-security-features.html http://trac.webkit.org/changeset/42333
I had a similar issue, where I was trying to display content from our own site in an iframe (as a lightbox-style dialog with Colorbox), and where we had an server-wide “X-Frame-Options SAMEORIGIN” header on the source server preventing it from loading on our test server. This doesn’t seem to be documented anywhere, but if … Read more
Yes, it’s doable due to jQuery’s noconflict mode. http://blog.nemikor.com/2009/10/03/using-multiple-versions-of-jquery/ <!– load jQuery 1.1.3 –> <script type=”text/javascript” src=”http://example.com/jquery-1.1.3.js”></script> <script type=”text/javascript”> var jQuery_1_1_3 = $.noConflict(true); </script> <!– load jQuery 1.3.2 –> <script type=”text/javascript” src=”http://example.com/jquery-1.3.2.js”></script> <script type=”text/javascript”> var jQuery_1_3_2 = $.noConflict(true); </script> Then, instead of $(‘#selector’).function();, you’d do jQuery_1_3_2(‘#selector’).function(); or jQuery_1_1_3(‘#selector’).function();.
We had this type of problem, but slightly in reverse to your situation – we were providing the iframed content to sites on other domains, so the same origin policy was also an issue. After many hours spent trawling google, we eventually found a (somewhat..) workable solution, which you may be able to adapt to … Read more
Add this to your <head> section: <script> function resizeIframe(obj) { obj.style.height = obj.contentWindow.document.documentElement.scrollHeight + ‘px’; } </script> And change your iframe to this: <iframe src=”https://stackoverflow.com/questions/9975810/…” frameborder=”0″ scrolling=”no” onload=”resizeIframe(this)” /> As found on sitepoint discussion.
Assume your iFrame’s id is “targetFrame” and the function you want to call is targetFunction(): document.getElementById(‘targetFrame’).contentWindow.targetFunction(); You can also access the frame using window.frames instead of document.getElementById. // this option does not work in most of latest versions of chrome and Firefox window.frames[0].frameElement.contentWindow.targetFunction();