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.

Filter by
Sorted by
Tagged with
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 ...
Chris Taylor's user avatar
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 ...
John Gordon's user avatar
  • 2,201
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 ...
Rainad's user avatar
  • 1
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 ...
Razmooo's user avatar
  • 487
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: ...
KawaLo's user avatar
  • 1,863
-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 ...
Tushar Goyal's user avatar
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-...
Maксим Taкшин's user avatar
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 , ...
devacius the one above all's user avatar
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 ...
smsarkar's user avatar
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 ...
AlSteve's user avatar
  • 75
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 ...
saulpink's user avatar
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....
Gary's user avatar
  • 2,559
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 ...
Menfesawi Simon's user avatar
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 ...
Sabir Mondal's user avatar
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 ...
claasen's user avatar
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. ...
McLayn's user avatar
  • 333
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 ...
Jainy James's user avatar
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 ...
Christian's user avatar
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, ...
Cholis's user avatar
  • 63
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 ...
SoftTimur's user avatar
  • 5,396
-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 ...
SlimeHacker's user avatar
-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 ...
B. Khan's user avatar
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 (...
Dušan's user avatar
  • 314
-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 ...
Robert Alvarez Hung's user avatar
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 ...
Vino Silva's user avatar
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=&...
Kohjah Breese's user avatar
-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 ...
Shiftenas's user avatar
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 ...
devstar2422's user avatar
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 ...
Kees de Bruin's user avatar
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: &...
tc23's user avatar
  • 3
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 ...
Daniel Vega's user avatar
-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"> &...
Arjan R's user avatar
-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('@...
Jagannatha Mv's user avatar
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 ...
Gabriel Ribeiro's user avatar
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 ...
Chandika Chathuranga's user avatar
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 ...
Sara Ashraf's user avatar
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 ...
Pixsector-com's user avatar
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 ...
Allen's user avatar
  • 113
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&...
user22970994's user avatar
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 ...
Felipe Moraes's user avatar
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 ...
Kobby's user avatar
  • 1
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 ...
Scott Anderson's user avatar
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 ...
nerull7's user avatar
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 ...
Nightcrawler's user avatar
  • 1,006
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 ...
Ryan Crawford's user avatar
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=...
hlibchik's user avatar
-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 ...
Santiago Corso's user avatar
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 ...
Jack's user avatar
  • 1
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=...
TER's user avatar
  • 107

1
2 3 4 5
654