Pop-out music player from a frame

Question

I am currently coding a website for a band and i have a music player located within a frame in the website. I would like to make the music player pop out from within the page when i click on a button.

I was wondering if there was some sort of javascript/jquery code i can employ for this function. If not, what other work-around can i use to achieve this.

If possible, as part of the function, i would like the frame to close from the window after it has popped out, and the other frame to load up as a complete website.

Answer 1

If you must... ;)

http://javascript.internet.com/generators/popup-window.html

Answer 2

You can call javascript window.open() function from your flash music player with ExternalInterface.call() (and make sure you've set allowScriptAccess=samedomain as flash param in html for it to work).

Then open your music player swf in a popup with some additional parameter attached, so you know that it lives in popup window.

To make the popup version continue playing where framed one was at, you can use a LocalConnection call. The framed version would listen for LocalConnection, and expose its current play state (what is playing, at what second etc) and popped up version could ask for this and continue exactly from the same place. This will make the popping up experience much smoother for end user.

Finally the framed player can call additional javascript functions via ExternalInterface.call() to remove itself from framed document's DOM.