Javascript popup window and new page

thumbtak · 07-25-2009, 07:02 PM

I am having issues with making a button that displays a new page and then the page the button is on to go to a new page..

I got it somewhat working but it doesn't fully work. Here is the closes I got it working.

Code:

<form>
<center><a href="live_popup.html"><input type=button value="Open player in popup window" 
onClick="javascript:popUp('/popup_player.html')"></a></center>
</form>

I want popup_player.html to be displayed and the page switch to live_popup.html. Popup works find but page change doesn't always work. Does anyone know how to do this?

**Hades** · 07-25-2009, 09:57 PM

Quote:

I want popup_player.html to be displayed and the page switch to live_popup.html. Popup works find but page change doesn't always work. Does anyone know how to do this?

Either the link or the button behavior are prone to fail because you are wrapping an <input> within a link <a> tag. It maybe be valid HTML but it is not a very good practice. I would suggest putting both actions on an <a> tag or on the button but don't combine them, try these:

HTML Code:

<form>
<center><a href="live_popup.html" onclick="javascript:popUp('/popup_player.html');">Open player in window</a></center>
</form>

HTML Code:

<form>
<center><input type="button" value="Open player in popup window" 
onClick="javascript:popUp('/popup_player.html');window.location='live_popup.html'"></center>
</form>

I'd go for the first example but both should work.

Regards,

lordspace · 07-26-2009, 01:00 AM

thumbtak,
another options is to use an A HREF (using target="_blank") and then when the file is loaded resize the newly opened window either by setting lower height and width or using some nice jQuery effects on onLoad action.

Code:

<a href="live_popup.html" target="_blank">Player</a>

**Hades** · 07-26-2009, 09:19 AM

Quote:

Originally Posted by lordspace

thumbtak,
another options is to use an A HREF (using target="_blank") and then when the file is loaded resize the newly opened window either by setting lower height and width or using some nice jQuery effects on onLoad action.

Code:

<a href="live_popup.html" target="_blank">Player</a>

But the _blank links open in a new tab in Firefox (and possibly in Chrome too?), and if you resize the window after opening the _blank page it will resize the whole browser with all the tabs that you have opened.

From the usability point of view I think the real solution would be not using popups at all. And open the videos in the same window, or give the user the option to open it in a different window if they choose (adding a <a href="..." target="_blank">[^]</a> next to the play option). Try to avoid popups or resizing windows because more and more browsers are disabling this feature and it will preclude your users from enjoying your content.

thumbtak · 07-26-2009, 07:23 AM

Hades thanks. I tryed out the second one and it worked out great. Now crappy internet explorer uses can use the site...lol

I don't know if this is off topic but I have another internet explorer issue if anyone can help out.

Look at the iframe at link below in k-meleon or mozilla firefox and your see text in it. Look at it in internet explorer and you will not. That is because k-meleon / mozilla firefox makes the background become what is below it. Which is what I want. iIn IE the bakground is made to be white. White is not good as the text is white.

Any Ideas?

Here is the page:
unofficialradio.com/request.html

**Hades** · 07-26-2009, 09:11 AM

Add the allowtransparency attribute to the iframe.

HTML Code:

<iframe ... ALLOWTRANSPARENCY="true"></iframe>

thumbtak · 07-26-2009, 01:41 PM

Quote:

Originally Posted by Hades

Add the allowtransparency attribute to the iframe.

HTML Code:

<iframe ... ALLOWTRANSPARENCY="true"></iframe>

Thanks worked like a charm.

lordspace · 07-26-2009, 10:53 AM

I am a little bit concerned about opening windows with JS.
There are so many popup blockers e.g. google's toolbar.

thumbtak · 07-26-2009, 01:36 PM

This window is not needed it is an extra so if it doesn't open then that would be okay.

thumbtak · 07-27-2009, 09:10 AM

Next step I forgot to say is... is there a way that when the popup is closed that the old page goes back to what it was before or the old page loads a page? Old as in page below the popup.