Putting a focus on a iframe specifically in ie - html

I have an iframe popping up for a payment portal on my website. When they get to this page I want the iframe to be in focus so they can just swipe their card like directed.
I have tried several different ways to focus on the iframe, but nothing seems to be working in ie.
$('iframe').get(0).contentWindow.focus();
$('iframe').focus();
$('iframe').get(0).contentWindow.document.body.focus();
$('iframe').focus(); works fine in chrome and firefox, but not at all in ie.
Any ideas? Something I'm missing?

Related

Can't click anywhere on my website from iPhone

I have one problem with my web site, if i open the website from any android device, everything is fine and the page work normal. But if i open the web site from my iPhone or any other iPhone (didn't try with other ios devices) i see the webpage, but i can't click anywhere. Can't click on links, button, input fields, images, can't select text or any other content in the page. It's like the page is one big image and can't do nothing there. I try with different browsers (safari, mozilla, chrome) from the iPhone and it's all the same. I don't know what to search exactly... If you need HTML or CSS code i can give you, but i have no idea where to start looking/fixing this problem or what cause it.

IFrames and Chrome

I have a menu iframe and a body iframe setup. In IE when I click the "back" button in the menu it goes back just fine. In chrome it works fine for the most part but there is one instance of that link that will open it in a new page even though it is a replica of other working instances of that back button.
Any ideas of what would prevent a link from working in chrome, a link that works just fine in firefox and IE?
I have a body iframe and a menu iframe.
the menu has links...some of them are targeted at the menu...the new page will redirect the body on load.
sometimes the menu link just updates the body as it doesn't need a menu.
in IE it works great. Firefox and Chrome do not like it. It will work fine the first time. But when you go back and click the link that JUST worked...it will open up in a new tab instead.
New Info:
I did a bunch of research on the issue and apparently
it's a chrome and ff update that is trying to disable iframes. I have yet to find a solution...if you have one let me know!

<iframe> not "hidden" by dialog modal

I have a youtube video introduced by <iframe> tag (I tried by <object> also, but the results are the same). On the load page, I have a dialog modal also (that it works properly).
I don't understand why, only on IE11.0, this video is not "hidden" (meaning inactive, like all other elements of the site, until the window is closed).
Is it something special, particularly for IE, that I need to add in css? I tried z-index (only idea which I had), with negative values for this video, but it doesn't work. It is a bug of IE? I have no idea...
Thanks in advance.
PS. If it is necessary, I can add the css file also (but it's a little big).
PS.2. I repeat, for other browsers (Chrome, Firefox, Opera and Safari), this works properly (the video is inactive while the dialog modal is active (not closed).

AJAX loaded HTML content - Font looks weird

I've got a page which, when a button is clicked, shows a div, loads HTML trough AJAX and then puts the response into the div.
While everything is working fine, I noticed that in Internet Explorer, the font looks weird.
This is only in IE, Chrome for example has no issues displaying it properly
What could cause something like this?
Update: I've tried it with our terminal server, which also has IE8 installed, and there doesn't seem to be that problem.

HTML select elements don't respond to mouse clicks in SSL iframe using IE7/WinXP

We have a third-party external web page on another domain that we're loading in an iframe, and we've found that in IE7 none of the select drop-downs in the iframe page react to mouse clicks. The drop-downs seem to populate okay, but if we click on the drop-downs they become highlighted but the options box doesn't drop down. Once highlighted the options can be changed using the mouse wheel or with the keyboard arrow keys. Other HTML form and other elements also work fine. We've reproduced this on Windows XP SP3, but we're not sure if it's tied to that operating system.
Both sites are SSL, and there are no security warnings showing up. It seems as if there's some div or other element on a higher z-index interfering with the iframe page interaction, but we can't find anything. The interaction also works fine when the page is loaded from the same domain without SSL, running inside a non-SSL test page in our development environment. So it seems likely to be a problem specifically related to SSL and/or the fact that the contents of the iframe are coming from a different domain.
This also works fine in all the other major browsers we've tested in.
Same problem over here. Seems to be a problem with the KB2586448 update
http://support.microsoft.com/default.aspx?scid=kb;en-us;2628724
A fix is now being pushed out on Windows Update:
http://support.microsoft.com/kb/2618444
FIX: Some drop-down lists and combo boxes do not appear in Internet
Explorer 7 after you install security update 2586448
So hopefully we should soon be able to remove all the fixes and warnings.