View Full Version : Multiple flash objects in a table not loading in Firefox

10-10-2008, 05:39 PM
I'm using Open Flash Chart (http://teethgrinder.co.uk/open-flash-chart/) to display 6 charts in a table with 3 rows and 2 columns. I have a menu of options to configure what data is displayed in the charts, and then a html button that invokes an actionscript function using ExternalInteface to build the charts.

When the page loads, the bottom 2 charts are not in the visible in the browser (you have to scroll down to see them). If you hit the build button, the bottom 2 charts do not respond to the function call. However, if I first scroll down so the charts are visible, and then scroll back up and hit build chart, the bottom two charts that are not visible again DO build fine. This led me to implement a terrible hack where it reveals the table of charts 1 row at a time, starting with the bottom and going up, so the charts pass by the visible portion of the page and will respond to the build button without the user scrolling to the bottom. As you can imagine this is extremely unreliable.

I'm only seeing this behavior in Firefox, all the charts build fine in IE6 and IE7 without having to scroll to the bottom of the page and back before interacting with them. I'm using the latest swfobject.js to embed the flash.

Please help! I have googled and googled and gotten nowhere and this is driving me NUTS! Any help is GREATLY appreciated. Thanks!

10-10-2008, 06:32 PM
Of course as soon as I break down and finally make a thread about it I find the solution. The key phrase I was missing when googling was "below the fold".

That led me to this page (http://www.connectedpixel.com/blog/flash/gotcha/belowfold) describing the exact situation. wmode=window seems to fix it.