close old popup window when opening a new one

**ice** · 07-27-2007, 04:20 AM

Hello,
im working on a page where the visitors can listen to some tunes. By clicking a button a popup window opens, which contains a player, that plays the sound.
i use the following code:

Code:

onClick="window.open(url, name, size); return false"

but when the user selects the next tune, the old one continues playing, because the window is still open. Is there a function that allows me to close the old popup as soon as a new one opens?

hope you can help me
thanks

**tripy** · 07-27-2007, 05:11 AM

The easiest way to prevent this behaviour would not be to close/open another popup, but play every sounds in the same popup.
For that, you simply need to retrieve the popup reference upon opening it, which your code prevent now.
For that, you will need a javascript function that will act as a controller between the links and the popup.

Try this:

Code:

<script type=text/javascript">
  var popWin = false;
 
 
  function playSound(url,name,size){
    popWin = window.open(url,'popWin',size);
  }
</script>
 
<a href="javascript:playSound(url, name, size);">song 1</a>

I intentionally left the "name" parameter in the function call, but it won't be used. I made this to let the calling be more close that what you have now.

When you try to open a popup and another window(popup) have the same "name", the already opened window have it's location updated to the new url.
This will have the effect of preventing that multiple sounds are played at the same time.

**Paramiliar** · 07-27-2007, 08:52 AM

or you could assign the popup to a variable and use the window.close method then reopen the window.

Code:

onClick="newfunctionhahaha(url, name, size);"

then in the funciton have

Code:

function newfunctionhahaha(URL, NAME, SIZE){
if (oldwindow){oldwindow.close;}
oldwindow = window.open(url, name, size);
}

I think that should work been a while since I used popups

**ice** · 07-27-2007, 09:47 PM

thank you both. i used the easy way to just name all the links the same and its working allright now.
cheers

**ice** · 07-28-2007, 06:36 AM

oops, just realised, it doesnt seem to work in ie.....
why is it?

**Paramiliar** · 07-28-2007, 06:55 AM

simple answer IE sucks, more complex answer dunno cant see the code

**ice** · 07-28-2007, 07:42 AM

Quote:

Originally Posted by Paramiliar

simple answer IE sucks

I know

well, it works sort of, but sometimes when clicking one of the links i get a popup asking if i want to close the window....
but theres nothing i can do about it i suppose

**ice** · 08:49 AM

And do you know how to get the popup to allways appear at the front?
The first popup gets set in front of the main window, but as soon as i click a new link, it disappears to the back. I need it to come back to the front as soon as its loaded, or allways stay at the front.
I tried:

Code:

 <a href="preview.html"
onClick="self.blur();window.open('preview.html','name','size').focus; return false;">

-> opens the link in the same window and not a popup anymore

and

Code:

<body onBlur="this.focus()">

and

Code:

<body onBlur="window.focus()">

the last two dont make any difference at all, the window still stays at the back of the mother window

im a bit confused.....

can anyone help?

**ice** · 07-28-2007, 11:07 AM

ok, sorted.
i finally found a way to do it.
thanks for your help