iframe – Page 4 – Tarik Billa

How can I change the size of an iframe from inside?

December 13, 2023 by Tarik

When you create an IFRAME the browser automatically adds a ‘window’ object for the IFRAME inside the ‘window’ object of main page. You need to change the size of the IFRAME instead of the size of the document. Try this code: For JavaScript: window.parent.document.getElementById(‘myframe’).width=”500px”; window.parent.document.getElementById(‘myframe’).height=”500px”; And for jQuery: $(‘#myframe’, window.parent.document).width(‘500px’); $(‘#myframe’, window.parent.document).height(‘500px’);

Foolproof way to detect if this page is INSIDE a cross-domain iframe

December 11, 2023 by Tarik

First check if you are IFramed. window.self !== window.top If you are IFramed, then your referrer is your parent frame url. document.referrer From this url you should be able to detect if you want to branch your code.

Cross sub domain iframes and JavaScript

December 10, 2023 by Tarik

In order for this to not be restricted by the same origin policy, you will probably need to do this in both the pages: document.domain = “acmssite.com”;

get parent.location.url – iframe – from child to parent

December 8, 2023 by Tarik

try this: var referrer = document.referrer; alert(referrer);

Apply a Greasemonkey/Tampermonkey userscript to an iframe

November 29, 2023 by Tarik

In Greasemonkey (And Tampermonkey and most userscript engines) a script will fire on an iframe automatically if it meets the @include, @exclude, and/or @match directives. And, a popular question is how to stop Greasemonkey from firing on iframes. So, if your script had a match like: @match https://fiddle.jshell.net/* It would fire on jsFiddle “output” pages … Read more

Is it possible to only remove the “watch later” and “share” buttons from youtube iframe embed player

November 28, 2023 by Tarik

Using YouTube embed’s privacy-enhanced mode (youtube-nocookie), it will hide “Watch later” button, but not “Share” button. <iframe width=”854″ height=”480″ src=”https://www.youtube-nocookie.com/embed/cPVgwz5aN1o” frameborder=”0″ allowfullscreen></iframe>

What’s the best way to set cursor/caret position?

November 27, 2023 by Tarik

After spending over 15 hours on this issue (dedication, I know), I found a partial solution that works in FF and Safari, but not in IE. For the moment, this is good enough for me although I might continue working on it in the future. The solution: When inserting HTML at the current caret position, … Read more

javascript: listen for postMessage events from specific iframe

November 25, 2023 by Tarik

You must listen on the global message event of the window object, but you can filter the source iframe using the source property of MessageEvent. Example: const childWindow = document.getElementById(‘test-frame’).contentWindow; window.addEventListener(‘message’, message => { if (message.source !== childWindow) { return; // Skip message in this event listener } // … });

How can I set ‘X-Frame-Options’ on an iframe?

October 3, 2023 by Tarik

You can’t set X-Frame-Options on the iframe. That is a response header set by the domain from which you are requesting the resource (google.com.ua in your example). They have set the header to SAMEORIGIN in this case, which means that they have disallowed loading of the resource in an iframe outside of their domain. For … Read more

IE 8 iframe border

September 25, 2023 by Tarik

Add following attributes to iframe tag: marginheight=”0″ marginwidth=”0″ frameborder=”0″