Various problems with content not being destroyed on Balloon closing- and page scrolling.

[GoogleCodeExporter]

Balloons are not destroyed on close, presenting difficulties with content. The 
behaviour is different in the three browsers I use.

Firefox - no problems.

IE 7 - Content is still present on balloon close, and there is also immmense 
flickering when scrolling the page that contains the earth plugin. You can 
still see the content shining through, often multiple times, and if you were to 
open and close several different balloons you see ALL of their contents when 
scrolling. 

Chrome - No flickering, and content unloads - except when the content is placed 
in the balloon via an iframe (that is, an embedded video will stop playing on 
balloon close, but an embedded video within an iframe will not - you can still 
hear it)

Which plugin version are you using?
6.0.0.1735

Which browsers and operating systems are affected?
I have Vista Home Premium. 
Browsers used are:
IE 7.0.6000. 17037
Firefox 3.6.12
Chrome 10.0.648.205

"Balloon present on close" example
Go to this page using IE7
http://code.google.com/apis/earth/documentation/samples/html_string_balloon_exam
ple.html
Open the balloon, play the video with speakers on, close the balloon.
The video is still playing, you can hear it (and it will only stop when you 
reopen the balloon).

"Flicker on scroll" and "Balloon present on close" example - Go to this page 
using IE7
http://earth-api-samples.googlecode.com/svn/trunk/examples/balloon-javascript.ht
ml
The page the example is on should be horizontally scrollable at the bottom in 
IE7.
Horizontally scroll back and forth and watch the flicker.
Open the balloon, and close it.
Horizontally scroll back and forth, and you can see the balloon content 
("Alert" stands out).
Now move the map a bit and open and close the balloon each time.
You can see several "Alerts" as you horizontally scroll. This is much more 
obvious if your content was images,video etc)

This makes it near impossible to use iframes to embed content in balloons, as 
only firefox can deal with it.

The solution would be that the close button[x] destroys the balloon properly I 
guess - (I don't know about the flicker, but at least you wouldn't see previous 
content through it)

If you need more info, just ask.
I'll try to test on a different operating system and with different browser 
versions in the next few days, but hopefully you will see this using your own 
examples above.

Original issue reported on code.google.com by mur...@waihekeisland.net on 15 Apr 2011 at 11:51

[GoogleCodeExporter]

1. A youtube video using iframe
setContentString(\'<iframe title="YouTube video player" width="480" 
height="390" src="http://www.youtube.com/embed/298CwC3uIHw" frameborder="0" 
allowfullscreen></iframe>\');

IE 7 ... video still plays on close
Chrome .... video still plays on close
Firefox  ... ok

2. Same youtube video embedded
setContentString(\'<object width="425" height="344"><param name="movie" 
value="http://www.youtube-nocookie.com/v/298CwC3uIHw?fs=1[&]hl=en_US[&]rel=0"></
param><param name="allowFullScreen" value="true"></param><param 
name="allowscriptaccess" value="always"></param><embed 
src="http://www.youtube-nocookie.com/v/298CwC3uIHw?fs=1[&]hl=en_US[&]rel=0" 
type="application/x-shockwave-flash" allowscriptaccess="always" 
allowfullscreen="true" width="425" height="344"></embed></object>\');

IE 7 ... video still plays on close
Chrome .... ok
Firefox  ... ok

Note: turn speakers up loud! Eno and Fripp coming atcha :)

Original comment by mur...@waihekeisland.net on 16 Apr 2011 at 2:00

[GoogleCodeExporter]

re above: remove the backslashes - it was cut and pasted from php code  (i 
can't edit my post)

Original comment by mur...@waihekeisland.net on 16 Apr 2011 at 2:03