Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Koos on May 16, 2008 01:24
open dhtmlx forum
[tabbar] Multiple Flash animations on multiple tabs won't work in Firefox

On my website, the user can open multiple Flash animations, which are loaded in multiple tabs (iFrame-mode). This works fine in IE, but in FF something strange happens: only the last Flash animation is visible whereas the others are turned into gray pixels (which is the background-color of the page containing the animation).


The HTML code for the Flash animation:

[code]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Course: Food Preservation</title>
<style>
html {
height: 100%;
overflow: hidden;
}

div.flashcontent {
height: 100%;
}
/* end hide */
body {
height: 100%;
margin: 0;
padding: 0;
background-color: #eee;
}
</style>
</head>
<body>
<div class="flashcontent">
<OBJECT classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase=""http://macromedia.com/cabs/swflash.cab#version=6,0,0,0""
WIDTH="100%" HEIGHT="100%" id="AMINOZUREN_ENG110607" ALIGN="CENTER">
<PARAM NAME=movie VALUE="exercise.swf">
<PARAM NAME=FlashVars VALUE="targetScene=2">
<PARAM NAME=quality VALUE=high>
<PARAM NAME=bgcolor VALUE=#FFFFFF>
<embed src="exercise.swf" FlashVars="targetScene=2"
quality="high" bgcolor="#FFFFFF" WIDTH="100%" HEIGHT="100%"
NAME="flaMovie1" ALIGN TYPE="application/x-shockwave-flash"
PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">
</OBJECT>
</div>
</body>
</html>
[/code]
Answer posted by Support on May 16, 2008 02:56

Not sure, but seems problem somehow related to initialization of content in hidden state.
Please try to add next option to tabbar initialization

tabbar.enableForceHiding(true)

this command will change the way how tabbar content hidden and may resolve problem

Answer posted by Koos on May 16, 2008 04:04
This seems to work, which surprises me, because the API says it is a function to solve problems in IE ;-)

Thanks!

P.S. Would you be so kind to remove the link to the GIF in my first post? I will remove the file anyway, as it is my bosses website. I will attach the file to this post
Attachments (1)
flashfirefoxerror.gif64.41 Kb
Answer posted by Koos on May 16, 2008 04:38
Mmm... I was cheering too early: enableForceHiding causes the Flash animation to reload when changing tabs.

This is undesirable for me, because my users will loose their progress (the animation is an exercise with multiple questions).

I'm afraid my FF users will have to switch to IE for a while ;-).

Answer posted by Support on May 16, 2008 06:50

In "force hidden" mode tabbar made content of tab fully invisible ( sets display:none to the tab area ) - most probably used flash animation react by reloading each time when display set back to visible state ( I think it mostly issue with used animation )

In normal mode tabbar uses visibility:hidden to hide tab content

Basically, by code modification, it possible to try some other ways of content hiding, but all of them would be more "radical" than existing ones, so most probably will cause similar problems.