Dynamically generated onclick triggering the wrong event in IE - javascript

So I have a 4 window frameset that is setup so that when the main content page loads, it changes the menu options on the left frame menu. Everything works correctly in FF and Chrome, but IE is giving me a problem. I think the problem lies in the javascript.
In IE, the menu items correctly change text, but when clicked on seem to trigger the wrong link. I have an example setup here.
Click on Customer Login on the left, then Sign Up in the main content area. From here, if you click on New Order/Browse, you'll arrive at the Create Order screen when using FF or Chrome. In IE, you'll find yourself back at the login screen.
I need help in getting the menu links on the left working correctly in IE7.

Related

Different behavior with pointerType mouse vs touch in dom-event

I am trying to develop a simple UI for my Web application where a client can click on an image and
a popup appears explaining the content of the image to the user. The way I intended this feature to
work is that by clicking on the image the popup appears and by clicking anywhere on the page, INCLUDING on that image,
the popup should close and you are free to click on it again to show it once more. On the desktop version, everything is working like a charm.
But on the other hand, when I switch to the mobile version of my UI in my browser, when I click on the image, the popup appears but when i click on it again,
an other popup just go stack on top of the other. If i click anywhere else on the screen, it close them but not when i click on the image like it should.
My question is: Does anyone knows why this type of behavior is happening and how i can fix this ?

Ext alert not showing correctly in IE

I am facing some wired problem while using Ext.Msg.alert() in Iframes in IE,
(I am working on .Net and Ext js 4.1)
my scenario is, I have one parent iframe which contains a window with two buttons start and cancel
on click of start button two process initiated.
first creates new iframe and shows some information
second creates a hidden iframe and download csv file with Ext.Msg.alert() "successfully downloaded" on parent frame
now when I toggle to parent frame I can see Ext.Msg.alert() "successfully downloaded" at the center of page in chrome like this.
but in case of IE it appears at top left of the page with no buttons on alert box
like this
Is there any way to make it work in IE

Back button in IE9

When I run my application in IE9, back button doesn't work in other browser it does work.
The flow of application is it displays 2 panels, on the page is loaded the first link from left panel get selected and output is displayed in right hand panel. At that point I change the browser hash and adds the URL which is used to display output in right hand side. When I use back button at that point it doesn't work in IE9 but does work in Chrome and FF.
After putting some console.log statements I observed that initially the hash is blank and and insert my new hash to it but when I hit back button IE goes to the blank hash and does nothing but other browsers properly goes to the previous pages.
I am using window.onhashchange.
I noticed that when I click on back button window.onhashchange event gets fired only in IE9 and IE10 but not in other browsers.
This was problem from my end, I was using DHTMLX code and there was a problem in my code.

Accordion getting sporadically hidden in IE 7-8

I am using jQuery accordion on a web page. In IE 8, it gets hidden sporadically sometimes when user clicks on some other window. I am not able to get why is it behaving like this. When I inspect element in HTML developer tool I could see accordion and if I change some value in that, accordion gets visible again. Can somebody please help me to identify what is the problem? If I use debugger mode everything works correctly.
I looked at code carefully and observed that accordion code was added in one extra tag but strange that only IE was not able to run it properly. So I removed that extra wrapper and its running properly now.

Bootstrap modal showing then disappearing right away only in BB10?

First things first: I'm not including the modal plugin twice as is the culprit on most similar questions - this issue only affect BB10 as far as I can tell - so that's clearly not the case.
As I said, in BB10, the modal is opening then disappearing right away. If you scroll the page a little bit then it opens and stays open, but this is intermittent and only works at certain scroll points...
2 questions:
Do you know what the issue is?
Is there a way to debug BB10 browser like the 'inspect element' through safari that iOS has.
Here is the site: http://www.thomasdexter.me/intravillage/
And some videos of the issue and the scrolling thing:
https://dl.dropboxusercontent.com/u/13675289/Video%20(1).MOV
https://dl.dropboxusercontent.com/u/13675289/Video.MOV
Edit: to get a popup click the 'sign in' link in the fixed menu bar or sign up now on the introduction slide/page
I've determined the underlying cause of the problem - it is a blackberry issue - and I've got a workaround that works but does not fix the blackberry issue that causes it.
I was able to deduce what's happening is that the blackberry is registering 2 touches instead of 1 for some reason. The first touch opened the popup and the second touch, if the button/touchpoint was in the same pixel area as either the 'close' button or the translucent black underlay that also closes on click, would register as a click on the button/underlay and close the popup right away. That is also why it was happening intermittently, if the button to open the popup was in the area of actual popup then it wouldn't close because the second click registers in a non 'closing' area.
TL;DR: It's a blackberry issue that they need to fix.
The solution was to disable the 'click to close backdrop' via 'data-backdrop="static"' only on blackberry.
I used the following in JS:
In the section where I check for supported stuff and add classes I have this:
if(/BB10/i.test(navigator.userAgent)) {
//BB10 Device
$('html').addClass('bbten');
}
Later on just before I register the click events to activate the modals, I have this to add the static (not click to closeable) backdrop if it's BB10 (3 different modals #contact, #signin and #signup):
//bb10 double click issue
$('html.bbten #contact, html.bbten #signin, html.bbten #signup').attr('data-backdrop','static');

Categories