This is a size chart document embedded using iFrame. The document was created with Google Sheets. Each size has a hyperlink. Clicking on the links opens the specific URL for each size. However, the URLs only open within the iFrame window and I would like them to open on the full page.
https://www.wildeones.com/ring-size-chart/
This is the code I used:
<iframe src="https://www.wildeones.com/wp-content/uploads/2022/06/Ring-Size-Chart.pdf" width="100%" height="550px"></iframe>
Thanks,
Jerome
Related
So I created an HTML GUI for a touchscreen monitor. The browser is supposed to always stay in fullscreen. Now I want to embed another website inside my HTML, which works pretty well.
My only problem now is, that when I click through the embedded webpage, new pages open without my GUI. This is a problem because I added navigation functionality to the GUI and since it always runs in fullscreen I can't use the back and forward buttons either.
So is there a way to make Firefox always open my HTML GUI, when it opens a new page and open the requested page as embedded in my GUI?
You should provide more information about how did you embed other site in your html gui.
The solution is to use <iframe> element, then all the links inside the iframe should be open in that iframe. And if you want any other link from your GUI to be open in that iframe, just add target="name_of_the_iframe" to that element, and a attribute name="name_of_the_iframe" to the iframe (ofcourse "name_of_the_iframe" is an example).
You can try using an iframe
From w3schools: "An iframe is used to display a web page within a web page."
Take a look at this link: https://www.w3schools.com/html/html_iframe.asp
I have the following iframe in my html page.
<iframe src="www.w3schools.com"></iframe>
Is it possible to force all anchor links within the iframe to open in a new window (without using jquery/javascipt)? Note that I do not have control over iframe source content.
No.
This isn't possible with JavaScript either.
It is not your site. You cannot control what the links do.
I've got some embedded iframe Bandcamp players on www.mangledmusic.net/releases. I set up our Bandcamp page to look like our website, which will have an image map of my sites page tabs. The link in the embedded players that takes you to bandcamp opens in a new tab every time. I have tried numerous solutions listed on this site, and none of them have worked. Is this possible? Obviously Bandcamp.com and my site are not the same domain. Thanks!
Are you able to edit the Bandcamp site? Every link in the Bandcamp iFrame has the target set to _blank. This tells the browser to open in a new window.
If you want the site to open in the same tab, you should use target="_top" in your links.
How can I make it so a link will not only open a new page in an iframe, but also redirect the webpage to the top of the screen? if possible using just html/css code.
Not possible with just HTML or CSS. If you are wanting to open an iframe on the same page as the link that you clicked, you would have to create a script that dynamically fills the scr attribute of the iframe.
If you are trying to create a link that opens a new page that has an iframe, then you set the target attribute of the tag to _blank like so:
<a href="" target="_blank">
iframes will navigate to a page specified by their src attribute. To get an iframe to go to a specific point in the page without scripting, there would have to be an element on the page the iframe is going to that has an id. You would then specify this id in the address of you iframe's src attribute like so:
<iframe src="http://www.example.com/#idyouaretargeting"></iframe>
I am working on a new home for my browser.
When the src changes of the iframe (click search or something) I want to leave my site and go to where the iframe is going. How do I do this?
edit:// example: http://imgur.com/OvnCz.jpg
Just put a target attribute on the link with a value of _top, like this:
Google
That tells the browser to open the link in the top-most frame, that is the whole browser window. More information can be found here