Issue I’m trying to get to controls inside a frame that is located inside a frame that is located inside another frame. The last (deepest) frame is used only for login – that I manage to do. The problem is
Continue readingTag: iframe
Override body style for content in an iframe
Issue How can I control the background image and colour of a body element within an iframe? Note, the embedded body element has a class, and the iframe is of a page that is part of my site. The reason
Continue readingWhy is a iFrame used for Silent Authentication?
Issue I’ve read on multiple pages that hidden iFrames are used for silent authentication, but I couldn’t figure out yet why. What are the benefits to using an iFrame over directly sending a GET Request to the Identity Server? Solution
Continue readingMS Teams custom tab SSO not working on desktop App
Issue We have set up our application as a custom Microsoft Teams app. The application is working just fine in the browser but fails to load in the Desktop APP. The application uses Azure Active Directory to perform the login
Continue readingSSO auth flow for microsite embedded in native/web/salesforce apps
Issue I have a small (React) microsite that I want to embed in mulitple apps including: Public client apps such as: iOS native app (Swift) Android native app (Kotlin) JavaScript SPA web app Salesforce (looking to use Salesforce ‘Canvas’, but
Continue readingSetting cookie on an iframe website with ngx-cookie-service
Issue When I embed a youtube video for example in my angular component: <iframe width="560" height="315" src="https://www.youtube.com/embed/w3jLJU7DT5E"></iframe></div> I will get two entries in my Application/Storage/Cookies in Developer console: One is my storage for my localhost and the other one is
Continue readingX-Frame-Options in nginx to allow all domains
Issue I’m using nginx as a reverse proxy for my website. I want to be able to open my website in an iFrame from a chrome extension new tab html file. For this, I need my nginx to set X-Frame-Options
Continue readingAngular: Prevent DomSanizer from updating on DOM Events
Issue I’m facing an issue with DomSanitizer. I’ve created a StackBlitz that replicate this issue. Every time the button is clicked, the iframe A is reloaded. The button does absolutely nothing – so it is not related to the iframe.
Continue readingHow to display a html document with external stylesheet in iframe? Angular Html CSS
Issue My application front end uses Angular. I am trying to display an html document (in my case a preview of a document generated using user input data). I can successfully display the Html and inline CSS within the document
Continue readingHow can i access to iframe inside iframe?
Issue <iframe src="…"> <iframe id="embedIframe" src="…"> </iframe> </iframe> I want to select an Iframe element with an Id of "embedIframe". I tried document.getElementById("embedIframe") in the console window in developer tools. But this returns a null value. The strange thing is
Continue readingStop embedded youtube iframe?
Issue I’m using YouTube iframe to embed videos on my site. <iframe width=”100%” height=”443″ class=”yvideo” id=”p1QgNF6J1h0″ src=”http://www.youtube.com/embed/p1QgNF6J1h0?rel=0&controls=0&hd=1&showinfo=0&enablejsapi=1″ frameborder=”0″ allowfullscreen> </iframe> And i have multiplie videos on the same page. I want to stop all of them or one of them
Continue readingTarget an iframe with only the src attribute provided
Issue We have a page rendering some affiliate scripts at the bottom. One of the scripts renders an iframe which is breaking our page in some browsers. We would like to keep this iframe from showing, but the only attribute
Continue readingCannot read property 'contentWindow' of null – iframe in ionic menu
Issue Here is my plunker: http://plnkr.co/edit/8SOkJeAG4Tctp4zLoAJ0?p=preview var iframe = document.getElementById(‘myIframe’); var iframediv = iframe.contentWindow.document; // canvas goes here iframediv.body.innerHTML += ‘<canvas id=”stage” width=”360″ height=”180″></canvas>’; Is the code where I am getting the cannot read property error. I’m attempting to create
Continue readingAngular sanitizing url to be used in an iframe's src
Issue I’m trying to construct an url to pass it inside the src attributes of an iframe. But I always get the exception unsafe value used in a resource URL context and I’m struggling to understand how to correctly sanitize
Continue readingDownload html window object with JS
Issue i have this iframe here, and i want to doanload the window page with pdf inside, js function print() only shows the page, i want to download it automatically, bellow is the full code (i tryed with jspdf too).
Continue readingHow to embed a React application into a basic HTML page?
Issue The target site will not fully load inside the iframe element I’ve assigned it to: <iframe id="modalMapView" class="hidden" src="https://syringemap.firebaseapp.com/" title="Syringe Map live application" scrolling="no" sandbox="allow-scripts allow-popups allow-same-origin" ></iframe> If you visit the firebase app, you can see that it
Continue readingRounded corners for an iframe not working in Safari
Issue So, I know that border-radius doesn’t really work on an iframe itself, but what you can do to get a similar effect is to wrap that iframe in a div, and set the border-radius on the div itself, like
Continue readingRemove border from IFrame
Issue How would I remove the border from an iframe embedded in my web app? An example of the iframe is: <iframe src=”myURL” width=”300″ height=”300″>Browser not compatible.</iframe> I would like the transition from the content on my page to the
Continue readinghow to block right mouse click on iframe
Issue How do I block the right mouse button click on top of the iframe, I tried to use the oncontextmenu="return false" in the iframe tag but it didn’t work, in my case I want to change the right button
Continue readingShow div from another website
Issue Is there a way to use an iframe or some other method of showing a named div from another website? I want to pull in some data from a government website into a google map and when they click
Continue readingSet content of iframe
Issue I have the following structure. <div> <p>Hello World !!</p> </div> <iframe id="myiframe" src=’myiframeContent.html’></iframe> and I have the following JavaScript variable with content: var s ="<html><head></head><body><div>Test_Div</div></body></html>"; How can I change the content of iframe with id myiframe with variable s?
Continue readingDynamically create and embed data URL in Angular
Issue In my Angular application, I have the following invariable basic conditions: The application dynamically loads a ZIP file from an external URL. Within this ZIP file, there’s a HTML file which is to be extracted. This HTML file may
Continue readingIs there a way for Embeded Youtube videos to play only once?
Issue I’d like for my YouTube video to only be allowed to play once. Is this possible? I’m working with iframe and haven’t been able to find anything online. I would appreciate any help on this! Solution Yes, you can
Continue readingiframe refuses to display
Issue I am trying to load a simple iframe into one of my web pages but it is not displaying. I am getting this error in Chrome: Refused to display ‘https://cw.na1.hgncloud.com/crossmatch/index.do’ in a frame because an ancestor violates the following
Continue readingAutomatically Pause Embedded iFrame Vimeo Video at Specific Time?
Issue I’m using a Vimeo video-embed (iFrame embed code from their website) on my website, and I need the video to automatically stop at a specific timestamp (I’ll use 6 seconds here) whenever users of my site play the video.
Continue readingI can not adjust the iframes height
Issue Whatever I try I can not adjust the iframe’s height on my website. I have tried height="100%" and in CSS iframe { height: 100%; } link to it and my code (inspect) https://jandjcards.netlify.app/ Solution Have you tried using an
Continue readingiFrame not showing inline HTML content
Issue I have an iFrame on my site, and instead of using an src attribute, I want to show inline HTML within the iFrame. Is there any way I can do this? Example: <iframe><p>Hello World</p></iframe> Should show text saying "Hello
Continue readingRemove menu button from Iframe
Issue How should I do to remove these 2 buttons ? I can’t find any properties to set them to false: For now this is my code: <iframe [src]="item1?.downloadURL | safe" class="center" frameborder="0" controlsList="nodownload" allowfullscreen > </iframe> Solution Hide the
Continue readingClick on element inside iFrame – Cypress
Issue Can anyone, please assist in following: Want to click element which resides on found iframe. Also, imported plugin import ‘cypress-iframe’; in commands class. Code for founding iframe and clicking on element: clickIFrameElement(elementCss, element1Css) { cy.frameLoaded(elementCss); cy.iframe(elementCss).find(element1Css).then(function(){ cy.get(element1Css).click({ force: true
Continue reading"Full screen" <iframe>
Issue When I use the following code to create an iframe: <iframe src=”mypage.html” style=”border: 0; width: 100%; height: 100%”>Your browser doesn’t support iFrames.</iframe> The iframe doesn’t go all the way—a 10px white “border” surrounds the iframe. How could I solve
Continue readingGetting the source code of an iframe
Issue Is there anyway to get the source code of the page that an iframe loaded? I do not wish to CHANGE any of the code, I just want to READ it. I also need to be able to get
Continue readingLoad local html on iframe
Issue I have in my server .html page located on c:\test\test.html. I want to display test.html inside iframe on the client machine, how can I do that? What I tried: <iframe id=”serviceFrameSend” src=”file:///c:\test\test.html” width=”1000″ height=”1000″ frameborder=”0″> But it’s found the
Continue readingHow to architect a JS widget to be embedded in different websites
Issue I know this is vague, but I want to create a JS widget that can be embedded into webpages and the user can interact with. Similar to what these guys do with their chatbot widget. It looks like they
Continue readingHow to make all links in an iframe open in new tab
Issue I’m trying to make it so when you click on a link in an <iframe> it will open the link in a new tab – not in the <iframe>. Please note I do not have control of the content
Continue readingtrying to change iframe location from javascript
Issue i have many stores every store got latitude, longitude when i click location icon for any store i send latitude, longitude to javascript function and change iframe src in js function and i show model showing the iframe but
Continue readingIs there a way to get CHAPTERS from a YouTube video embedded via JavaScript?
Issue After including this script of YouTube iframe API https://www.youtube.com/iframe_api One can put a youtube video in a container (e.g. "container_id") and use such methods as "seekTo()" and "play()" on their page elements. (Anywhere outside the iframe) var player =
Continue readingWhy is iframe content downloading as a file?
Issue When visiting the webpage with the following iframe, the HTML file is downloaded as a file instead of just displaying on the page within the iframe. Why is it downloading and how can it be embedded correctly within a
Continue readingChanging the order of PlatformViews (iFrame) in a Stack causes the render to fail
Issue A possible fix would be to avoid using Keys in the Positioned widget (L: 42) but this would cause the internal state of the HtmlElementView (or other displayed items such as videos) to reset their state as they are
Continue readingHow to prevent IFRAME from redirecting top-level window
Issue Some websites have code to “break out” of IFRAME enclosures, meaning that if a page A is loaded as an IFRAME inside an parent page P some Javascript in A redirects the outer window to A. Typically this Javascript
Continue readingIs there a way to get CHAPTERS from a YouTube video embedded via JavaScript?
Issue After including this script of YouTube iframe API https://www.youtube.com/iframe_api One can put a youtube video in a container (e.g. "container_id") and use such methods as "seekTo()" and "play()" on their page elements. (Anywhere outside the iframe) var player =
Continue readingHow not to inherit styles in a chrome extension content script
Issue I’m writing a Google Chrome extension that runs a content script on every page. In my content script, I inject a <div> with some <ul> and <li> children into the page. I specify a few styles for these elements
Continue readingCalendar iframe being scrolled to when page laoded
Issue When my html page loads, the screen is automatically moved to a Calendar iframe I have installed I’ve already tried scrolling="no" and it didn’t work Any way to work around this? Solution add some js to your page document.addEventListener(‘DOMContentLoaded’,
Continue readingCan an iframe use assets from parent page?
Issue I would like to use a font in an iframe which I know will be loaded already in the parent html page: can the iframe css simply refer to it as if the user has it already? or will
Continue readingCalendar iframe being scrolled to when page laoded
Issue When my html page loads, the screen is automatically moved to a Calendar iframe I have installed I’ve already tried scrolling="no" and it didn’t work Any way to work around this? Solution add some js to your page document.addEventListener(‘DOMContentLoaded’,
Continue readingCalendar iframe being scrolled to when page laoded
Issue When my html page loads, the screen is automatically moved to a Calendar iframe I have installed I’ve already tried scrolling="no" and it didn’t work Any way to work around this? Solution add some js to your page document.addEventListener(‘DOMContentLoaded’,
Continue readingHow to identify elements within #document
Issue I’m using xpath to scrape information from a dynamic html table. The information I’m trying to scrape is inside of a tag called #document and I’m not sure how to include this in the xpath since it doesn’t follow
Continue readingHow to identify elements within #document
Issue I’m using xpath to scrape information from a dynamic html table. The information I’m trying to scrape is inside of a tag called #document and I’m not sure how to include this in the xpath since it doesn’t follow
Continue readingHow do we load an angular component's styles into an iframe?
Issue I’m working on a component that renders other components into an iframe. It renders successfully however I noticed the styles aren’t being passed into it. I tried using the styles array in the @Component instead of linking to an
Continue readingHow do we load an angular component's styles into an iframe?
Issue I’m working on a component that renders other components into an iframe. It renders successfully however I noticed the styles aren’t being passed into it. I tried using the styles array in the @Component instead of linking to an
Continue readingReload parent page after submit in iframe
Issue I have the same issue as in this question. (which has no correct answer, I just test all of them): Reload page after submit in iframe (javascript/jquery) What I need is very well explained there. I have a button
Continue readingReload parent page after submit in iframe
Issue I have the same issue as in this question. (which has no correct answer, I just test all of them): Reload page after submit in iframe (javascript/jquery) What I need is very well explained there. I have a button
Continue readingIframe overflow takes a new line instead of a scroll bar
Issue I created a web site that shows the directory list in the server. In backend all the directories are getting indexed and shown in an another webpage called dirpage. So I used an iframe in mainpage to show the
Continue readingIframe overflow takes a new line instead of a scroll bar
Issue I created a web site that shows the directory list in the server. In backend all the directories are getting indexed and shown in an another webpage called dirpage. So I used an iframe in mainpage to show the
Continue readingMake YouTube video embed responsive
Issue I have some videos that are embedded on my webpage from YouTube. The thing is I am using the below-attached code to make it responsive (via bootstrap). It’s good on mobile and tablets but on desktops and laptops is
Continue readingMake YouTube video embed responsive
Issue I have some videos that are embedded on my webpage from YouTube. The thing is I am using the below-attached code to make it responsive (via bootstrap). It’s good on mobile and tablets but on desktops and laptops is
Continue readingHow can you refresh an embedded site?
Issue I am at a loss for how to go about refreshing an embedded page using vanilla JavaScript. I have tried the following, but it does not seem to work <html> <iframe src=”https://flowlab.io/game/play/1987226″ width=”100px” height=”100px” id=”HI” /> <script> function refreshIFrame()
Continue readingListen click text in dynamically created iframe
Issue I want to add event when click on text in iframe. This iframe created after the document has loaded. After created, there is document object #document created in iframe element. In this code, the click on text in iframe
Continue readingHow to export an Iframe to another website?
Issue I am creating a website, where the user can create objects. The objects are then stored in a list. The user can see the list of created objects. The div #object_list has to put in an iframe and embedded
Continue readingfunction undefined when using iframe
Issue I am making browser webapp in javascript. The strange problem is, whenever I add iframe tag in my html. The javascript stops working. My html: <input type="text" id="input"> <button onclick="sean()"></button> <iframe id="outp" src="about:blank"></iframe> My JS: function sean(){ var input
Continue reading"The frameborder attribute on the iframe element is obsolete. Use CSS instead."
Issue I’m trying to validate my website with the W3C validator but it doesn’t work. I have a YouTube iframe and this is the error: The frameborder attribute on the iframe element is obsolete. Use CSS instead. Screenshot: And this
Continue readingAdjust width and height of iframe to fit with content in it
Issue I need a solution for auto-adjusting the width and height of an iframe to barely fit its content. The point is that the width and height can be changed after the iframe has been loaded. I guess I need
Continue readingIframe "(Site Name) Refused to Connect." Error
Issue EN : The content of the iframe element I use in my project is "(site name) refused to connect." I get the error how can I fix this error? TR : Projemde kullandığım iframe öğesinin içeriği "(site adı) bağlanmayı
Continue readingHow to get rid of the double scroll bar when using an iframe?
Issue I’ve seen this problem on the web, and all the suggested solutions aren’t working for me, so I thought I’d come here. I have a page that has an iframe. The top of the page is a dropdown menu,
Continue readingIframe doesn't work in kolkov angular editor
Issue Kolkov angular editor doesn’t support Iframe. Package: https://www.npmjs.com/package/@kolkov/angular-editor In the editor, it looks like it’s working but the front panel is not showing anything Expected result is : Solution For this you need to make changes in angular editor
Continue readingTransform scale with iframe
Issue I have an iframe, I make it small using scale, the size of iframe is changed, but the body of the page is as big, as iframe was (vertical scrollbar). Am I doing something wrong? .frame { width: 1777px;
Continue readingHow to make height of receipt invoice print from iframe to the maximum height of content in the receipt invoice?
Issue I’m trying to print a receipt invoice from browser using iframe. I was able to invoke the print and I’m able to get the receipt dispalyed in browser print window. However the height of the receipt is more than
Continue readingIFrame scrolling attribute set from onload event working differently on IE11 and edge/chrome
Issue I am setting attribute "scrolling" from onload event and it is working differently in IE11 and Edge <head> <script> function myFunction() { document.getElementById("myFrame").scrolling = "no"; } </script> </head> <body onload="myFunction()"> <iframe id="myFrame" src="http://example.com/"></iframe> </body> This stops scrolling in Edge
Continue readingIs an empty iframe src valid?
Issue I want an iframe to initially have src as blank and then once the page loads; call a JS function and then set the src value to an actual one.. So is <iframe src=”#” /> valid OR do I
Continue readingGetting Javascript variable from a source script on an html page loaded in an iframe
Issue Following up from this question here: Accessing JavaScript variable in an iframe, from the parent window on same domain For purposes of posting something testable here, I have a src.js file set up like: var foo = {"foo":"bar"}; then
Continue readingon('click'….) only fires after the second click
Issue Here’s the script. When I click it on load, works like a charm. When I click it via a dynamically created element, the first click sees the actual html shift (kind of stretch and go back). It does however
Continue readingAre there anyway to prevent frame override main window?
Issue I have html page with frame where I want to show some web pages/sites. There are some sites like www.yandex.com which popup from frame and become main window. I want to find some solution to intercept some event or
Continue readingEditing Frame items after they have loaded
Issue I am including a frame in my html document. What I want to do is to change some text in the frame. The frame is not hosted on my website. I have a logic like this: let the frame
Continue readingIframe is srcdoc not updating when using variable
Issue Variables don’t work for my iframe’s srcdoc or you can’t use div.value or something.When I use a variable for an iframe’s srcdoc the iframe’s html(srcdoc) doesn’t update. This code is from me trying to make a code editor. Please
Continue readingLoad iframe and reset document location at the same time
Issue Load iFrame and reset document location at the same time. I’m making a video album for a DVD present to family members. The video’s will be displayed in an iFrame similar to YouTube’s, with thumbnails below representing the various
Continue readingAdd event to element dynamically added inside iframe
Issue I have an HTML code like this: <iframe id="myframe"> <ul> <li> <a href="" class="add-section">add section</a> <div>…</div> </li> <ul> </iframe> when the "add-section" link is clicked the parent <li> that contains this (add-section) link get duplicated and inserted after, and
Continue readingJquery mouseover appended iframe (same domain) element
Issue Here is fiddle example of something I would like to do. I want to mouse over element that is inside iframe (same domain) and then change color of the font. Like in example. But in my version first the
Continue readingMake links in iframe from a different domain open in a new tab
Issue We have the following scenario: — Site A gives me a script. — I put the script on site B (on index.html) — The script generate an iframe, that contains a link(< a >) Result => Site B contains
Continue readingReferencing another page and change the iframe content
Issue I am trying to use my Home Page to reference another page and change the content in the iframe of that page and its title using JavaScript. I can change the content when I already am in the page,
Continue readingJavaScript and Angular 10 KeyCode event not working when i click on iframe
Issue I am implementing power bi embed report with java script library in angular 10 no issue on this its working perfectly but my problem is that i have one navbar when i click on icon under navbar then that
Continue readingHow do I forbid an iFrame from scrolling its parent window?
Issue I have an HTML document which, towards its bottom, contains an iframe. In this case, the iframe embeds a Google Spreadsheet, with the code: <iframe id="gsheet-group" width="100%" height="400" src="https://docs.google.com/spreadsheets/d/<!—-DOCUMENT_KEY—–>/edit?usp=sharing&rm=minimal&gid=0&single=true&widget=false&chrome=false&headers=false">Loading sheet..</iframe> I believe that this iframe contains some javascript that
Continue readingAngular 10: Set IFrame URL Input with Variable
Issue I am trying to set the IFrame Source Input with a component below. Its not working for some reason, showing no wepages. How can I set the input source properly? Calling Method: <app-viewer-iframe-two [url1]="’http://www.food.com’" [url2]="’http://www.car.com’" > </app-viewer-iframe-two> Typescript: export
Continue readingAngular 10 iframe first shows 404 page then displays page content
Issue Hello i am using bellow HTML code to use iframe and show an external page hosted on the same domain so no wories for cross domain <iframe frameborder="0" [src]="url"></iframe> and the following typescript code to sanitize and load the
Continue readingHow to make a video fullscreen when it is placed inside an iframe?
Issue I’m using the default settings for my mediaelement.js player, and my initialization is very basic: $(‘video’).mediaelementplayer(); My question is: Is it possible to fullscreen the player when the video is embedded in an iframe? When I press fullscreen, the
Continue readingTop JavaScript keyword doesn't work when loaded in iFrame via LTI
Issue My content is loaded in another application via LTI launch. That application is trying to load the content in its iFrame. My content has javascript calls which is written as top.setLinkVisibility=setLinkVisibility; top.isDeeplinkSession() When these JavaScript keywords get executed the
Continue readingGet IFrame's document, from JavaScript in main document
Issue I have this HTML code: <html> <head> <script type=”text/javascript”> function GetDoc(x) { return x.document || x.contentDocument || x.contentWindow.document; } function DoStuff() { var fr = document.all[“myframe”]; while(fr.ariaBusy) { } var doc = GetDoc(fr); if (doc == document) alert(“Bad”); else
Continue readingHow to make ReactPlayer scale with height and width
Issue I am using reactplayer for a youtube video which uses iframe. I am trying to scale the video to my div and I want it to be responsive. I put a width and height at 100% on the ReactPlayer,
Continue readingHow to display Power BI reports with filters in iframe in angular application
Issue I am trying to display the PowerBi report with filters in Iframe in my angular application. I successfully display below embedded URL in the iframe without filters. <iframe src=”https://msit.powerbi.com/reportEmbed?reportId=xxx&autoAuth=true&ctid=xx&config=xxx”></iframe> here I need to filter the reports against some RequestId
Continue readingRemove scrollbar from iframe
Issue Using this code <iframe frameborder=”0″ style=”height: 185px; overflow:scroll; width: 100%” src=”http://www.cbox.ws/box/?boxid=439&boxtag=7868&sec=main” marginheight=”1″ marginwidth=”1″ name=”cboxmain” id=”cboxmain” seamless=”seamless” scrolling=”no” frameborder=”0″ allowtransparency=”true”></iframe> This is how it appears (the shoutbox on homepage of http://www.talkjesus.com) How do I remove the horizontal scrollbar and modify
Continue readingiframe src property as a URL dynamically Angular2
Issue I’m having a hell of a time trying to figure out how to dynamically change the URL in a iframe src. I have tried setting the variables and then using string interpolation no luck. Any suggestions on how i
Continue readingIframe video from Angular Array using ng-bind-html
Issue I’m having some trouble getting an iframe to work through using ng-bind-html. I have all my data inside an array. I’ve been mainly using ng-bind-html to keep it all in one place. I can’t seem to get it to
Continue readingResponsive video iframes (keeping aspect ratio) with only CSS?
Issue I usually use a similar solution to this one. Something like: .wrapper { position: relative; width: 100%; height: 0; padding-bottom: 56.25%; } .wrapper iframe { position:absolute; left: 0; top: 0; height: 100%; width: 100%; } But this time I
Continue readingOne of my iframe is not working/loading ios ionic
Issue One of my iframe is not working/loading in IOS only (mobile and emulator) while it is working fine android/chrome/safari. It happens to only one iFrame, while a second is working (in IOS). I have the following message error: webPageProxy::didFailProvisionalLoadForFrame:
Continue readingCreate-React-App creates this <iframe> that prevents me from clicking or editing directly the app unless I delete it in the elements browswer editor
Issue I recently did a global install of create-react-app and am having an issue where sometimes, when I’m working on a project, instead of editing directly what I have rendered in , it creates this container around the entire app.
Continue readingHyperlink inside iframe is not working when I click on the parent page
Issue I have a hyperlink in iframe, when I click this on the parent page, is not working. Here is an example set up: iframe.html <h1>I’m inner page!</h1> <a id="shared" class="btn" href="pc.html" target="_top">go another page</a> parent.html <h1>I’m INDEX</h1> <iframe id="open"
Continue reading