Setting location.href on a modal popup opens a new window

**bizzarry** · 09-29-2010 02:23 PM

Hello,

I am developing an application that is opened via a modal popup from another application that I do not have control over. In IE, the method of creating the popup that holds my application is window.showModalDialog. When I redirect the user via javascript with something as simple as, location.href='someURL'; another popup window is opened rather than just redirecting the browser.

When a user is using anything other than IE, the window.open method is used and those browsers redirect within the same window appropriately.

I have mocked up a very basic sample.
main.html is the external application.
popup.html is my application.
redirect.html is the page I need to redirect to within my application.

main.html:

HTML Code:

<html>
	<head>
		<script language="javascript">
			function OpenPopup()
			{
				if (window.showModalDialog) {
			            window.showModalDialog("popup.html","mywindow",
			            "dialogWidth:1024px;dialogHeight:768px");
			        } else {
			            mywindow= window.open ("popup.html", "mywindow","menubar=0,toolbar=0,location=0,resizable=1,status=1,scrollbars=1,width=1024px,height=768px");
			            mywindow.moveTo(300,300);
			            if (window.focus)
			                mywindow.focus();
				}  

			}
		</script>
	</head>
	<body>
		<a href="#" onclick="OpenPopup()">click</a>
	</body>
</html>

popup.html:

HTML Code:

<html>
    <head>
        <script language="javascript">
            function Redirect()
            {
                location.href = "redirect.html";
            }
        </script>
    </head>
    <body>
        <a href="#" onclick="Redirect()">redirect</a>
    </body>
</html>

redirect.html:

HTML Code:

<html>
	<body>
		redirected
	</body>
</html>

**Fang** · 09-30-2010 01:57 AM

Code:

<html>
    <head>
    <base target="_self">
        <script type="text/javascript">
            function Redirect()
            {
            document.getElementById('foo').href = "redirect.html";
            document.getElementById('foo').click(); 
            }
        </script>
    </head>
    <body>
        <a id="foo" href="#" onclick="Redirect();">redirect</a>
    </body>
</html>

**bizzarry** · 09-30-2010 02:56 PM

Hello Fang,

Thank you very much for your response. Your example fixed the mockup that I had written perfectly.

Regrettably, I had to go with a completely different approach because even with this fix, I had a problem redirecting across domain boundaries (just my assumption)

If I change main.html to open something that I was hosting with IIS (e.g. http://localhost/UI/popup.html) it would still open a third window.

I ended up scrapping the redirect and just blanketing the whole screen with a div with a high z-index. All I really needed to do was log the user out and then notify them that I had done so in the background.

Regards,
bizzarry

Thread: Setting location.href on a modal popup opens a new window

Thread Tools

Display

Setting location.href on a modal popup opens a new window

Thread Information

Users Browsing this Thread

Tags for this Thread

Bookmarks

Bookmarks

Posting Permissions