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
Related
I'm making a tutorial which involves recording my computer screen. I need to click a link that normally directs me to, say https://website.com/page. I want it to redirect me to https://website.com/another_page, which can be easily edited using Inspect Element.
However, when I click the link showing now another_page, I want the URL in browser (Firefox, Chrome) to still be https://website.com/page. Is that possible?
You could do fullscreen in which case the url wouldn't even show. I don't know if that would work with your screen recorder, but it's worth a try. You could also the edit the url directly at the top of your screen so that it shows https://website.com/page and move your keyboard focus away from it so that it appears that the url is https://website.com/page.
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 an <object> which shows a table from an external website. The problem is that when you click on a link in the table, the site opens in the <object> window.
Is it possible that I click on a link, and the site opens normally and not in the <object> window?
No.
It would require that the page in the frame set the link targets to _top or _parent. By default a link will open in the same frame.
Assuming you don't control the page loaded into the frame, you have no way of changing the link target (and the same origin policy prevents you changing it with JS).
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.
I'm having trouble getting audio streams and download links (for the same file) to play nice on a page in Chrome.
http://500mixes.com
For each audio file, I have a separate player and download link. The player is mediaelement.js. The problem is that clicking on the download button stops the stream. But the opposite (download, then stream) works fine.
I know one solution would be to use a modal pop-up to pull the download link out of the page. But I'm hoping to find an inline solution. Does mediaelement.js have native download functionality?
Thanks!
I haven't looked at your code yet, so this assumes you aren't doing anything strange...
If you link to a download, the browser will often begin the process of shutting down the current page in order to go to the next page. This is a reasonable optimization, since most links are pointing to other pages, not downloads.
To get around this, set the target of your download links to _blank. This opens the download link in a new window. Note that a simple modal dialog on the same page will not work. You must set the target to somewhere else.
Alternatively, add a hidden <iframe> to your page and set the target of those download links to it.
I have been having the same problem, the download link shows but is not clickable. Simply adding target="_blank" within the URL makes the link clickable and makes the file downloadable. Thanks.