Hello Bytes Community:
I have a HowTo I'm struggling a bit with here, and having to create ugly work around to get things done, because I can't get it to work the way it should and the way I have seen function on other sites quite flawlessly.
Firstly, I operate a Streaming Radio Broadcast Network with about 10K concurrent listeners and over 700K visits since july 2013 And our majority listeners are on android devices, not on web with standard pc's.
One of the key sections of the site has a "flash" object embedded in the page wit the option to MUTE/unMUTE the Live Radio Stream, the lower portion of the page has a Members Live (real-time) Chat Area, for users to talk to eachother while shows are taking places and ultimately communicating with the Host of the live show at that time. One of the options on the page is POPout, so you can leave my website yet take the smaller window with chat and the streaming audio with you.
Creating the window and and its cosmetics isn't an issue, sizes, look feel etc. The Problem is this:
The Parent Page is stream the Station Audio, and when the Popup opens it is too.
What I want to do, cross-browser, is have it when a users clicks the POPout chatplayer, that it opens the window, and simply closes the parent window at the sametime.
I can not get this to work correctly, not across all browsers. The POPoutchat window (child) has a button to return to the site, so the user not having access to th history or back isn't a problem, the idea is that if they wanted to return, they click the gohome to redock, and it opens the main site page and then closes child. So basically I need to figure out how to close a parent window when a user clicks the button to open the popout chat player, then I want to allow them to reverse that by hitting a button that returns them to that page and closes the now open child page...
Anyway, alot of this is straight forward, but the cross-browser functionality to close the parent isn't panning out. If someone can tell me how to do this I'd be greatly appreciative. Just empty my glass and assume I know nothing, and explain step by step. This way I dont confuse my crazy method and work around knowledge with the proper way to get this done.
1: So The parent has a button to a popout.
2: When clicked popout opens, parent closes.
3: Child(popout) has an button to dock/gohome.
4: When clicked it closes small carry along chat window (child) and opens the old parent that started it all.
The above in a step by step, would really help me alot.
Thanks Community, for you time...
Best Regards,
DJMystery