<!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>
<title></title>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<meta http-equiv="Content-Style-Type" content="text/css"/>
</head>
<body>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
On 31 Oct 2006 at 14:02, Thomas Lauck wrote:</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> My problem is this: I have a fullscreen flash site, therefore I have </span></font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> my overflow content hidden in my CSS. If a user does not have flash, </span></font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> no scrollbars appear (because overflow is hidden). My logic to solve </span></font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> this is to add a function to SWFobject so that when Flash is not </span></font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> recognized that it disables the "Flash" stylesheet and replaces it </span></font>
</div>
<div align="left">
<font face="Arial" color="#7f0000" size="2">
<span style=" font-size:10pt">
> with the "HTML" one.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
If I understand correctly ..</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
note that when there is no Flash viewer installed, SWFObject displays the div content by
default. See examples in SWFObject download.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
So perhaps you could nest an iframe inside this div, pointing to a default full HTML page
which will display HTML content in lieu of Flash. Classes defined in your CSS sylesheet.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
<div class="flashcontent" id="flashcontent"></span></font>
</div>
<div align="left">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
<iframe class="htmlcontent" id="htmlcontent" name="htmlcontent"
src="my_default_html_page.html"></span></font>
</div>
<div align="left">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
</iframe></span></font>
</div>
<div align="left">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
</div></span></font>
</div>
<div align="left">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
....</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
For more complex mixing of HTML and Flash you might look at Yahoo UI.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<a href="http://developer.yahoo.com/yui/">
<font face="Arial" color="#0000ff" size="2">
<span style=" font-size:10pt">
<u>http://developer.yahoo.com/yui/</u>
</span>
</font>
</a>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
This works nicely with SWFObject writing Flash into the YUI containers.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
The YUI API abstracts the javascript functions.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
Downside is you have several more *.js and *.css files to import.</span></font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
<br />
</span>
</font>
</div>
<div align="left">
<font face="Arial" size="2">
<span style=" font-size:10pt">
DL</span></font>
</div>
<div align="left">
</div>
</body>
</html>