Thank you for your suggestions! Thanks! real rendering zoid does is iframes and popups; the rest is up to you! Injecting CSS on cross origin iframes is not possible. You can call that hacking by definition if you want. In order for this to work you'll need to write JS that exists on both sites, so if the 3rd party domain isn't under your control then this solution won't work for you: A good example of this type of functionality in practice is with the iframereszier library which you can review here: http://davidjbradshaw.github.io/iframe-resizer/. can wire our links from javascript inside our iframe with: The whole solution seems to work on all major browser starting with IE7. Subscribe his. If you want to reuse CSS and JavaScript from the main page maybe you should consider replacing worked for me. We need a messenger to communicate between two windows. Approach 2: You can use the internal CSS for the iframe tag inside the HTML file. What's the cheapest way to buy out a sibling's share of our parents house if I have no cash and want to pay less than the appraised value? See http://ox86.tumblr.com/post/17652823257/cross-domain-ajax-for-your-api-endpoints. By clicking Post Your Answer, you agree to our terms of service, privacy policy and cookie policy. For more details on browser compatibility, see Supported Platforms for Lync Web App for Lync 2013. In the snippet below, once everything was loaded, well get the iFrame element by ID. "http://www.my-site.com/my-login-component", "script-where-my-login-component-is-defined.js". Going with Sean's answer is fine, but it's no longer a cross-domain iframe. Using this in two windows to communicate can solve your problem. Are you sure you want to create this branch? But let's not say it's not possible, as it can certainly be done, though with some significant effort as in the answer from Sean, or minimally, as in the answer from scmehetio.. @JonathanM: I'm not sure it warrants a down vote, being technically correct. I need to inject a css in the iframe but Chrome doesn't let me because of security. First, you need to know the Post Message API. Did the Golden Gate Bridge 'flatten' under the weight of 300,000 people in 1987? English version of Russian proverb "The hedgehogs got pricked, cried, but continued to eat the cactus", Understanding the probability of measurement w.r.t. rev2023.4.21.43403. How to troubleshoot crashes detected by Google Play Store for Flutter app, Cupertino DateTime picker interfering with scroll behaviour. Same protocol and host but different port. How can I transition height: 0; to height: auto; using CSS? and receive the message in iframe and add the received message(CSS) to that document head.