Questions tagged [iframe]
An 'iframe' is an HTML element that creates an "inline frame" within a document, which allows displaying a separate document in the same page.
32,663
questions
1
vote
0
answers
25
views
How to create a persistent iframe that does not refresh with the main page while using Go html templates?
I am trying to create a streaming music web application and I want the iframe to be the music player and sit on top of the main website. I am new to GO and normally in HTML I would just create an ...
0
votes
0
answers
9
views
Sandboxed iFrame in Chrome Extension -- Dynamically set 'src' attribute?
Question
In my Chrome Extension, how can I dynamically change the src of an iFrame displayed in an html page in the chrome side panel?
Details
I want to load a web site that I control in the side ...
0
votes
0
answers
16
views
how to content file pdf in iframe in center when window.print
case in chrome : so when I call window.print() the pdf file looks a bit tilted and not neat or middle position, but when I several times ctrl + p (window.print()) it's just right.
code in blade ...
2
votes
0
answers
30
views
Parent website blocks iframe in child iframe
I have a very weird problem and I haven't found the answer for it.
I have a website on domain a.com. On this website I have a child iframe which is served on subdomain.a.com. CSP on a.com allows the ...
0
votes
0
answers
8
views
How to properly reference local document when rendering a React component in an iframe
I have a component that calls the document global. When I render this component in an iframe, it uses the current (parent) document as a reference, not the document of the iframe.
export const Modal: ...
-3
votes
0
answers
12
views
Any JS library to render/view (autoplay and delay time) office type content directly on web from src link [closed]
I want to autoplay (asking user delay time b/w slides) .pptx/.pdf/.docx files as slideshow on my html page. Files are saved on onedrive storage.
Is there any library in js or any other language which ...
0
votes
0
answers
26
views
Can't print PDF from <object> / <iframe> / <embed> in Firefox
I have the following React component. It receives a link to a PDF document and renders PDF browser-specific viewer.
export type PDFViewerChildrenProps = {
dataUrl: string;
};
const ...
-2
votes
0
answers
13
views
Who can help me to put the values to elements of secured iframe without window. postMessage? [closed]
We are trying to build the script to put the values to the Input elements that block a frame with origin from accessing a cross-origin frame. https://developer.mozilla.org/en-US/docs/Web/Security/Same-...
0
votes
1
answer
12
views
How to center a iframe tag in react using tailwind css?
I want my iframe tag to be displayed at the center of the page but its aligned to the left. The iframe is inside a div tag on which I have tried applying flex items-center and flex justify-content , ...
0
votes
0
answers
26
views
Best/easiest way to embed an HTTP site within an HTTPS site?
I have spun up a Shiny Server on an Amazon EC2 instance. The webpage pointing to this app is an unsecured HTTP site (see here).
I also have a Wordpress site that has an SSL security certificate. I'd ...
0
votes
0
answers
4
views
How to correctly manage iframe to give the user similar UI look-and-feel between two applications
I am trying to figure out a correct yet simple way to solve the following problem.
We have a web application that is exposed on the web where authorized people can operate.
These people needs to work ...
0
votes
1
answer
16
views
Can I render an iFrame of a locally hosted html file in Quarto/RStudio?
I have a plotly graph locally hosted at "figures/community_areas_shootings_plotly.html". I'm trying to embed this into a quarto document so its interactive when it renders. I tried this code ...
0
votes
0
answers
28
views
Make an iframe as light-weight and restricted/secure as possible?
In the context of using a local server only (for desktop), I'm trying to accept user input to allow for HTML/CSS/JS to render their extended notes stored in a local database and displayed using srcdoc....
0
votes
0
answers
6
views
Prevent scrolling all the way up & down in iframe website
again
I was trying to iframe & display a content of a website inside my website. I was successful by displaying the content of the other website, but the problem is when the iframed website is ...
0
votes
2
answers
21
views
Is this possible to disable Esc key, click and enable hover in Flutter web iframe?
I am displaying a iframe/url into my flutter web app. In this iframe I want to enable only hover and disable escape key and click event. Is this possible to do?
Following is complete code to display ...
0
votes
0
answers
19
views
Open desktop version in iframe on mobile browser for embed Polarsteps
I have an embed link of my PolarSteps profil on my website as an iframe. It's working perfectly fine on desktop. On mobile browser like Safari and Chrome, Polarsteps is no longer navigable, but every ...
0
votes
1
answer
13
views
Transitive CSP frame-ancestors
Let's have an outer page that contains an <iframe> which contains another <iframe>.
The inner page has a Content-Security-Policy header with frame-ancestors allowing only the middle page.
...
2
votes
0
answers
44
views
Sending & Receiving data from one domain to another using iframes
I have a HTML-CSS-JS editor embedded into my Angular application (running on http://localhost:4200). The body of the editor has an iframe with the source URL given as http://localhost:3000 (React ...
0
votes
0
answers
16
views
Change style of iframe coming from Wordpress API in React
I'm fetching (React) to get a response from Wordpress API.
The problem is that sometimes posts content includes iframe videos with lazy loading inside them which have hardcoded inline styles.
I tried ...
0
votes
0
answers
27
views
I am trying to avoid using cy.wait(), but when using timeout command instead, the test fails [closed]
I am coming across the following issue on this test for a web app that uses Angular: I have a test written where the user should be able to fill out a textarea and then save it.
In the example below, ...
0
votes
0
answers
36
views
Make the iframe dialog host my website in Google Sheets add-on
I'm making a Google Sheets add-on. The core of the Google Sheets add-on is a website hosted in a dialog. I'm trying to use this method to host the website in the dialog and ensure the communication ...
-3
votes
0
answers
24
views
Make a Iframe for a game site
Im trying to make a iframe for my site that has games. My code is easy but im trying to do what this image displays.
It has a button saying "PLAY NOW" and when you click it, it waits for the ...
-1
votes
0
answers
33
views
javascript - display iframe json response as textarea?
i am calling an iframe in php page, this iframe will take speech and giving the result in json format on success like
{"text": "hi how are you hurry"}
need to implement this in ...
0
votes
0
answers
16
views
Using custom JS event handler inside Gradio
I have a Gradio chatbot app exposed through the iframe. The main application component is the new Gradio ChatInterface. I want to pass some sensitive data from the parent app using postMessage API (...
-2
votes
0
answers
17
views
Remove cookie confirmation in recording url
On a web page developed in Laravel, I am displaying the recording URL https://us06web.zoom.us/rec/play/... in an iframe. But it always shows the cookie confirmation to the user. Is there a way to ...
0
votes
0
answers
38
views
Why is my react web app msal login is not working in the new teams version?
I am a web developer. The website I am working on is embed as an iframe in teams. In the older version of teams, the use clicks on login and it proceeds to the login page (not a popup login).
In the ...
0
votes
0
answers
6
views
Is it possible to add a custom HTTP referer to an iframe on a 3rd party website
I am embedding YouTube videos as:
<iframe allowfullscreen="" scrolling="no" style="background:url(https://i.ytimg.com/vi/54545454/hqdefault.jpg) 50% 50% / cover" src=&...
-1
votes
0
answers
30
views
In a row element, an iframe causes weird text input behavior
To make it short, when I select existing text in my input with my mouse, and end my mouse in the iframe, when I overwrite what's in the input, the cursor doesn't move with the text, resulting in it ...
0
votes
0
answers
13
views
How to set server-side cookie to iframe on iphone or ipad?
I developed web game. But while integrating this game inside iframe in other websites, setting server-side cookie not working on only iphone or ipad devices.
When it launch game url, the sever set ...
0
votes
0
answers
11
views
Session cookie not used after authentication using hidden iframe [OAuth2 / OpenID Connect]
We want to provide SSO to one of our external partners and have implemented this using OAuth2 and OpenID Connect. The basics are:
An authorize endpoint for the authorization (api.server.com). If ...
0
votes
0
answers
33
views
Cannot Parse "Verify" Button or Captcha Using Selenium (Python). Also Want to solve the captcha with 2captcha api
I want to solve the captcha so I was thinking of clicking on the "Verify" button and getting the captcha and solving it by using 2captcha api.
HTML Code for HTML Verify Button and Captcha:
&...
0
votes
1
answer
35
views
How to make Nextjs app listener to attach before window event 'load' its fired?
I'm a bit new to next.js, with typescript, version 13.5.5. The app must be placed inside an iframe, and I'm receiving some info from the parent/host via window. postmessage event. Im placing the ...
-1
votes
1
answer
50
views
postmessage parent to child page with an iframe
I am trying to send some data from a parent html page to a child.html via an iframe.
The parent HTML with the iframe
<!-- parent.html -->
<!DOCTYPE html>
<html lang="en">
&...
-1
votes
1
answer
46
views
Cypress:Unable to work with else if condition and won't execute any step but timer is running [closed]
Unable to work with below else if condition and always stuck with if
cy.get("#result").iframeOnload().find(".text-error").invoke('text').as('iframeText');
cy.get('@...
0
votes
0
answers
27
views
Angular page with moodle integration
I'm not very experienced in programming, but I'm working on a project for a friend's music school. It involves creating an Angular web page that is more informational and visually pleasing, with some ...
0
votes
0
answers
55
views
Embedded a video in angular with iframe
I want to include a video to the angular app. Video URL is taking from API. I tried below:
<iframe src="{{videoUrl}}" width="320" height="200">
This 'videoUrl' is ...
0
votes
0
answers
12
views
"Redirect many times" I frame tag issue
I have a website login page with ASP.net I want to add it as an I frame on another WordPress website with Elementor but it gave me a "redirect many times error".
`your text`
this is the ...
0
votes
0
answers
52
views
There is an issue with white space when using an iframe
I have an API app on my website which is using iframe. The main problem is that there is a white space which is impossible to cover through CSS.
I tried every css command so it seems to me like this ...
0
votes
1
answer
52
views
Make an <iframe> fill the <div> without changing the default dimensions of another element in the <div> using only CSS
I was asked an interview question about CSS.
The problem is as follows.
There is a <div> with an <img> and an <iframe> in it, arranged vertically. The <img> has unknown default ...
0
votes
0
answers
16
views
Angular website getting refreshed in an endless loop inside an Iframe tag
We have an external angular website which we are trying to embed in our website using iframe.
Like this:
<iframe src="https://angular-website.com" width="500" height="500&...
0
votes
0
answers
17
views
Can an iframe only show a certain area of the page?
:) I'm trying to understand how works Iframe when we want to show only a "section" on the src Page.
https://www.cxtv.com.br/tv-ao-vivo/rede-brasil-de-televisao-rbtv
On this Page for example ...
0
votes
0
answers
33
views
Pass information from chrome extension popup.js to iframe so value is rendered on in field of page in iframe onload
I have data that I have been able to pick from the page that the popup was called on.
I want to pass that data into the iframe which is showing the http://localhost:3000/. I want the values that were ...
0
votes
0
answers
22
views
HttpSessionStateBase Session in ASP.NET MVC is null when accessing site from an iframe
I am setting a few variables up when the page loads. Example: UserId.
I then access this data later by using Session["UserId"] and this works when I load the page by itself. However, when I ...
0
votes
2
answers
47
views
Loop through list of iframes, check for element in iframe and do action with it
Here is the situation: On https://www.globalsqa.com/samplepagetest/ I am trying to access the page "Alertbox" through page dropdown menu Tester's Hub/Demo Testing Site/Alertbox. Before the ...
0
votes
0
answers
20
views
Unable to find component with ID "iframe" in webpack bundle
I am currently working on a React project where I am using the react-frame-component along with webpack to encapsulate styles for a widget I am building. I want to insert my styles into the iframe ...
0
votes
0
answers
16
views
Airtable Iframe autoscroll on load
I have a simple webpage that has a navigation bar along the top and it loads an Iframe from Airtable, my issue is whenever the page loads it does load and start at the top, it seems to scroll down ...
0
votes
1
answer
50
views
iFrame not showing video
I wanted to embed YouTube video and copied embeding code from YouTube. Here it is: <iframe width="560" height="315" src="https://www.youtube.com/embed/sru9ydoxe88?si=...
-1
votes
0
answers
14
views
Instagram reel embeded in a bootstrap card is not scaled properly
I am trying to make a card where i have an iframe instead. The iframe is a reel taken from my instagram page. I have all set correctly but i have a problem with the size of the video that i have no ...
0
votes
1
answer
40
views
How to trigger the iframe to load in a new tab?
I have a button that loads an iFrame. I would like to provide another button to open and load the iFrame in a new tab. Presently I hae the button to open essentially duplicate the page but not sure ...
0
votes
0
answers
13
views
Web Scrape ICISM application with heavy javascript
I'm trying to scrape job posting from this site:
https://external-maximus.icims.com/jobs/search?ss=1&hashed=-435771476&mobile=false&width=872&height=500&bga=true&needsRedirect=...