Back in 2009, there was a cool demo called Browser Ball.
The point of the demo was that the page opened several new overlapping browser windows and displayed a bouncing ball, that was smoothly transitioning between the windows as it was bouncing. Therefore the page had to be able to somehow
- get information about the configuration of the browser windows on viewer’s desktop
- communicate between the windows
Sadly, the site where it was hosted now seems to be down. Does anybody know how it worked? How the communication between windows was done?
Communication between windows can be managed through
window.opener.The position of browser window can be determined using:
window.screenLeftandwindow.screenRightin IEwindow.screenXandwindow.screenYin everything else.For more information on browser window position in JS see:
http://www.w3schools.com/jsref/prop_win_screenx.asp