Ext alert not showing correctly in IE - javascript

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

Related

Can a Google Chrome Extension popup window remain open as a new window is opened on top of it and then closed?

I have a Google Chrome Extension that uses the Background.html and background.js files to show this popup window when the chrome extension icon in the tray menu is clicked on....
Inside my popup is a button to generate a screenshot image of the current tab URL and it then uploads the image to my server and fills in the text input with the URL of my image upload.
I am now wanting to add the capability to select a region on the webpage screen and generate a screenshot image cropped to be just the content inside the selected region like this image below shows the region selected on the page....
My roblem now is that I cannot simply have a button in my popup take me into region selection mode on the page. I could but it would close the popup window and I have researched and found out that you cannot programtically open the popup.
So once the popup would close, I would no longer be able to edit the record loaded in it before.
I am trying to come up with a new solution to achieve my desired result.
Idea 1
Move all the functionality that my current background popup has into a modal window displayed on the actual webpage.
This would be a big change as it would require a lot of message passing as the modal code would not have access to theextension API which is used to generate the screenshot and get all the tabs data.
I could then open a modal that looks like my popup in the image above when the extension icon is clicked on.
When the generate screenshot button is clicked it would then send a message to the background script to get the tab API and generate the screenshot and then send it back as a message to the content script in the page.
As for my new feature of selecting a region and creating image of that region. The modal would have a button to do that and on click would hide the modal window. Next it would let me make the selection which on edn would send a message to background again and generate a screenshot and crop it to the coordinates of my selection and return it back in a return message to the content script which would then show the hidden modal window and update the image inside to show the new image.
This is the hardest way bu the best I think.
Idea 2)
If it is possibble even, on a button click inside my current popup would then launch a new popup window of the current page and allow me to make my selection region and generate the image which on completion would close the popup window and send the result back to my extension popup.
I do not know if this would work because I am unsure if the extension popup would auto-close when I click the new popup window?
Does anyone know of other way to accomplish this or if my ideas would be practical?
You can look at Adblock Plus for inspiration.
They have a popup with "Block Element" button that switches to "now interact with the page" mode.
After the user clicks, they open follow-up UI injected into the page.
In any case, clicking outside the popup will make it lose focus, which closes it by design.
You could instruct the user to click your button again after they interact with the page, or you would need to inject some UI into the page itself.

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.

Javascript - Doesn't want Refresh parent page after closing Iframe Modal box

The basics: I have a webpage where a user can click on the iframe to view the picture of car,as soon as i click on the iframe the parent page get refresh but the URL doesn't change..nevertheless it seems only chrome browser is affected..have check same scenario in other browser but its working fine
We need to see the code to say what you have done with the iframe.But here is a similar question and see if you are experiencing the same problem with the code.
Clicking an anchor inside an iFrame behaves differently in Firefox and Chrome

Dynamically generated onclick triggering the wrong event in IE

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.

jquery dialog's input fields freezes in firefox

I have some jquery dialogs added in my application where in one scenario I open up a 1st dialog and upon entries into some field I am prompted with a message containing some server side messages and that prompt is again a 2nd jquery dialog. that means i have 2 dialogs opened over each other. so when i click on the top most(2nd) dialog then both the dialogs' $('#div1').dialog('close') and $('#div2').dialog('close') are called I am redirected to another page. Now here is what the issue arises, I am on new page with both dialogs closed, now if I open up the 1st dialog again it opens up but with everything frozen. I mean it literally takes no input but a cursor keeps blinking in first field. This happens only in Firefox, in Chrome it works like a charm.

Categories