iFrame target ignored after random number of clicks? - javascript

On this page: http://corpapps.parker.com/corpapps/interactive_product_selector/Front_Loader_Selector_05.html
I have a section of visibility toggled divs, each one with an image map.
The tab links and the hotspots all point to an iFrame (iframe_PSD) to open a remote page.
The problem is, when a user clicks the tabs and hotspots, which do open the remote page in the iFrame, at some random point, the links begin opening in a new browser tab, ignoring the target="iframe_PSD"! From that point, every click will open the remote page in the new browser tab.
Tested in the latest Chrome, Firefox and IE.
Has anyone ever heard of this issue? Any insight would be appreciated, thanks!

Related

Keep focus on specific tab in Edge

in a last stint to change from EI to Edge, I'm trying to do some focusing that doesn't work like I want it to.
The situation is something like this. Edge is open with several tabs for different pages. One of these pages is an intranet system where the pages contains a link which opens a popup.
In this popup the user has a button where they can create some docx files on a server. To do this, the button calls a new page (subpage1) through javascript (window.open) and the new page again calls another page (subpage2), which finally creates the document.
The later (subpage2) will close (windows.close) it's window on completion.
It all works like it should, with the little annoyance, that the "mother" windows in Edge will switch to the tab to the far right, instead of just staying on the user choosen tab.
Can I control which tab keeps or regains focus when a tab are closed in Edge and if so how?

Link (<a href) remains focused after opening URL in new tab (only in Chrome Android)

I have a webpage where the (really simple) links are opening the URLs in new tabs:
The following problem appears on Android Chrome, but not on Windows or Samsung Internet browser on Android (so I guess it's something only with Chrome and Android):
When I click a link from my site, go back to my site, scroll down to a new link, and click that new link, right before opening the new tab, I can see, that my page scrolls back to the previously opened link location.
And I could find out that when I click a link, it remains focused, even a new tab is opened, and I go back to my page, the clicked link is still focused. (I could find that out by changing colors, so I can see, which link is focused.)
This happens step-by-step:
I open my page.
I click on the link #1.
The URL of it opens in a new tab.
I go back to my page, where I can see, that the #1 link is still blue, focused. (The normal unclicked links are white.) I scroll down to see the other links.
I click on a different link, for example #12.
Right before the new tab opens with the URL of the link #12, I can see, that my page jumps back to the location of the previously opened link (#1).
So when I go back to my page, I can see, that #12 link is still blue, focused. So when I scroll down, click on another link, first it jumps back to #12 before opening the new URL.
I found similar issues discussed here, but all of them wanted to remove only the focused color, not the focus itself. And I think I have to remove somehow also the focus from the already clicked link to prevent the scrolling back to it.
I tried this.blur();, but that removes only the focus color. I tried also return false;, but that prevents the opening of the link.
I'm using Bootstrap 4, I don't know if that matters or not, but maybe useful info. (Please see UPDATE #1 regarding this.)
I hope someone knows the solution for that annoying issue.
Thank you in advance.
UPDATE #1
So it turned out, it's not because of Bootstrap.
I have created a blank .html file, added only the <a href lines, and a lot of <br> between them to be able to see the "jumpings".
And it does the same... The exact same thing. But only in Chrome Android... Really annoying, and can't find the reason nor the solution.

window.history.back not working on new window with Firefox

I have a page with a link that opens a new window with a div and an iframe. The user can navigate through the web that it's inside the iframe and the div shows information.
The user wants an option to go back on pages that he visited inside the iframe, so I put an image on the div to allow that option. The image has the onClick event that calls history.back() method.
The problem that I have it's that in Firefox when I try to go a page back, the iframe stills showing the page that I'm seeing but if I try in Chrome it works great, I can visit all the sections that has my page and I can go back clicking on that image.
I tried to use the browser's context menu but in Firefox does nothing.

Script add exception to IE popup blocker

Looking for other suggestion or a way to script adding an exception to the IE popup blocker.
Here is the situation.
We have a domain MyDomain.com that is where our core SP2010 site sites. Then we have 2 other domains that direct to other applications within our organization. ie site1.MyDomain.com and site2.MyDomain.com. We have a page in the SP2010 site that loads an iframe containing a table of contents page from site1.MyDomain.com. clicking one of the links will popup a window with detail information from site1.MyDomain.com for your selection. Then links on that popup page takes you to site2.MyDomain.com. The problem is that if the user has their popup blocker enabled and has their banner notification turned off then they are not notified that a popup was triggered.
I would like to be able to run a script on the home page of the SP2010 page to detect if *.MyDomain.com has been added to the popup blocker exclusion list if not then prompt the to add the site. I don't know if it's possible but any feed back would be greatly appreciated. We are looking for a solution that would consider the end user to be a blathering idiot and still have this work. You know how marketers business requirements are.

downloading images using javascript from a single Chrome tab

i came across this script on the web:
javascript:(function(){function I(u){var t=u.split('.'),e=t[t.length-1].toLowerCase();return {gif:1,jpg:1,jpeg:1,png:1,mng:1}[e]}function hE(s){return s.replace(/&/g,'&').replace(/>/g,'>').replace(/</g,'<').replace(/"/g,'"');}var q,h,i,z=open().document;z.write('<p>Images linked to by '+hE(location.href)+':</p><hr>');for(i=0;q=document.links[i];++i){h=q.href;if(h&&I(h))z.write('<p>'+q.innerHTML+' ('+hE(h)+')<br><img src="'+hE(h)+'">');}z.close();})()
And it fairly opens up all the images of a tab whose address bar you run the script in, in a new tab.
But that new tab, opens up as an about:blank tab, and when i press Ctrl+S to download the page, and hence thereby getting all the images opened in that tab, what i hope would happen doesn't.
Ctrl+S doesn't work on about:blank, and i kinda hoped there would be some way to download those images opened in this kind of tab. How do i do this? Is there any way in JavaScript to achieve this?
i searched around the web, and found wget, but i didn't really get it. Is there any easier way altogether to just download images from a tab using javascript?

Categories

Resources