window.close() not working in IE

Hello! I'm having difficulty closing a popup window in Internet Explorer.

In the script below playButton and stopButton are images that when clicked, should open a popup window and close it, respectively. audioFile is a URL to an mp3.

Right now the new window will open when playButton is clicked, but will not close when stopButton is clicked. I don't get any error messages. Thanks for your help!

function audioOnOff(audioFile, playButton, stopButton)
{
var audioWindow;

playButton.attachEvent("onclick", playAudio);
stopButton.attachEvent("onclick", stopAudio);

function playAudio()
{
audioWindow = window.open(audioFile, "_blank");
}

function stopAudio()
{
audioWindow.close();
}
}

your variable audioWindow is declared in the scope of audioOnOff. That means it only exists for the length of time that function is running so by the time you get to calling stopAudio is is no longer the same instance of the variable and doesn't correspond to the opened window.

I would also not declare playAudio and stopAudio inside audioOnOff so I would declare it this as


You may also need to do something for the case of the user clicking a play button when a window is already open as you will end up with 2 windows open but audioWindow will only refer to the last window opened.

Ah, makes sense. Very kind for the heads-up on replacing the pop-ups windows. Thank you very much for your help!