JavaScript: Persisting a child window relation accross parents’ reloads.
I came across a fun issue with my pop-up flash mp3 player to be used on our new Vital website (coming soon.) I’ve designed a ‘listen’ button on the main shop website for each audio file preview. When this listen button is clicked on, a pop-up window is opened (if not already) and the flash player loads the respective audio file and begins playing. If a second listen button is clicked, the new track will be added to the existing play list and that track will begin playing. I discovered this method only worked when clicking listen links on the same parent page view. If the parent page is refreshed or a new page of the site is loaded, the reference to the pop-up window is lost. What then happens is any new listen link clicked will cause the pop-up page to reload from scratch and loose the play list. Whatever audio was playing stops, whatever tracks were in the play list are gone. Following, is my solution.
