Fullscreen flash site - but where's html scrollbar?

Hi,

I have designed a full screen flash site using this tutorial:http://www.kirupa.com/developer/mx2004/fullscreen.htm

It’s great, but when I use it I lose my scrollbars, and I need them when the user’s display settings are 800 x 600. Does anyone have any idea what to add the following html code to make that happen?

I’d be ever so greatful for your help!!!

<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-8” />
<title>mainmovie_preload1</title>
</head>
<BODY bgcolor="#FFFFFF" text=“000000” leftmargin=“0” marginwidth=“0” topmargin=“0”

marginheight=“0”>
<!–url’s used in the movie–>
<!–text used in the movie–>
<!-- saved from url=(0013)about:internet -->
<object classid=“clsid:d27cdb6e-ae6d-11cf-96b8-444553540000”

codebase=“http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0

width=“100%” height=“100%” id=“mainmovie_preload1” align=“middle”>
<param name=“allowScriptAccess” value=“sameDomain” />
<param name=“movie” value=“mainmovie_preload1.swf” /><param name=“quality” value=“high” /><param

name=“scale” value=“noscale” /><param name=“salign” value=“lt” /><param name=“bgcolor”

value="#ffffff" /><embed src=“mainmovie_preload1.swf” quality=“high” scale=“noscale” salign=“lt”

bgcolor="#ffffff" width=“100%” height=“100%” name=“mainmovie_preload1” align=“middle”

allowScriptAccess=“sameDomain” type=“application/x-shockwave-flash”

pluginspage=“http://www.macromedia.com/go/getflashplayer” />
</object>

</body>
</html>

You set your flash to 100% height and width, there isn’t anything to scroll at any size. You’re going to have either:
a) allow fior the smaller sizes inside of Flash
b) do some javascript to detect screen size and use a different tag set when the browser is too small.

Thanks…I would love to do b) do some javascript to detect screen size and use a different tag set when the browser is too small.

But I have no idea how to begin writing that, since I have am totally new to scripting (I usually just do the design). Can anyone show me how ?

Thanks! Your a lifesaver!

This is great thanks alot…

How do i stop the flash.swf from resizing itself? Also if possible id like the flash to shrink say when its below 800x600 but not if its larger?

Thanks for your help

can anyone please help?

I have a post about this several threads down. the method works perfectly for me.

Hi,

Tried this - didn’t work.

Check out my new index page at www.exordiumgroup.com/index2.html using this method. Also see below.

fitlash just seems to shrink or expand the overall flash size - not give me any scroll bars

Any ideas?

Thanks

Lewis

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Strict//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd”>
<html xmlns=“http://www.w3.org/1999/xhtml”>
<head>
<title>Strategic - Experiential - Digital - The Exordium Group, Inc.</title>
<meta http-equiv=“content-type” content=“text/html; charset=utf-8” />
<script type=“text/javascript” src=“swfobject/swfobject.js”></script>
<script type=“text/javascript” src=“swfaddress/swfaddress.js”></script>
<script type=“text/javascript” src=“swfobject/fitflash.js”></script>
<style type=“text/css”>
html, body {
height: 100%;
overflow: hidden;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #BEC7CD;
}
body {
background: #BEC7CD;
font: 76% Arial, sans-serif;
margin: 0;
}
#content {
height: 775;
}
.style1 {color: #BEC7CD}
</style>
</head>
<body><a href=“The Exordium Group - Index.html” class=“style1”>index</a>
<table width=0% height=100% border=“0” cellspacing=“0” cellpadding=“0” align=“left”>
<tr>
<td>
<center>
<div id=“content”>
<p>In order to view this page you need JavaScript and Flash Player 8+ support!</p>
</div>
<script type=“text/javascript”>
// <![CDATA[
var so = new SWFObject(‘c.swf?path=website.swf’, ‘website’, ‘715’, ‘775’, ‘8’, ‘#BEC7CD’);
so.useExpressInstall(‘swfobject/expressinstall.swf’);
so.addParam(‘menu’, ‘false’);
so.write(‘content’);
FitFlash(‘website’,715,775);
// ]]>
</script>
</center>
</td>
</tr>
</table>
</body>
</html>

[quote=bkress;2296770]Ok folks, here is how it is done…

What you need are two Javascript files called swfobject.js and fitlash.js and of course your AC_RunActiveContent.js which stops the box from appearing around your flash movies until you click them. Attatched to this post are all 3 needed js files. I have even modified the swfobject to allow for flash fullscreen so you don’t have to. Here is what your html should look like…

<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>BK Flashing You</title>
<script language=“javascript”>AC_FL_RunContent = 0;</script>
<script src=“loaders/js/AC_RunActiveContent.js” language=“javascript”></script>
<script type=“text/javascript” src=“loaders/js/swfobject.js”></script>
<script type=“text/javascript” src=“loaders/js/fitflash.js”></script>
<style type=“text/css”>
<!–
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #FF9900;
}
–>
</style></head>
<body>
<div id=“holder”><table width=“100%” border=“0” align=“center”>
<tr>
<td><div align=“center”><br>
</div>
<hr>
<div align=“center”><a href=“http://www.macromedia.com/go/getflash/”><img src=“loaders/media/required/get_flash_player.gif” width=“88” height=“31” border=“0”></a></div>
<hr></td>
</tr>
</table></div>
<script type=“text/javascript”>
<!–
var so = new SWFObject(“Floweezy.swf”, “my_flash”, “750”, “600”, “8”, “#ff9900”);
so.write(“holder”);
FitFlash(‘my_flash’,750,600);
//–>
</script>
</body>
</html>

THe example for this page can be found at http://www.benkress.com/Floweezy.

This is the line that places the flash movie:
var so = new SWFObject(“Floweezy.swf”, “my_flash”, “750”, “600”, “8”, “#ff9900”);
(NameOfSWF, genericname, FlashMovie Width, FlashMovie Height, Flash Version#, FlashMovie background color)

This line is where the flash movie will appear. In the example below, I am having the movie display in a div tag named holder - <div id=“holder”>
so.write(“holder”);

This is the part that will give you your browser’s scrollbars at resolutions smaller than your original flash movie using the fitflash script.
FitFlash(‘my_flash’,750,600); - (Same genericname as above, Smallest size you want your movie to scale before scrollbars come back)

That is pretty much the extent of it. Hope it helps…

BK[/quote]

Found the problem - stupid CSS overflow: hidden; was causing it.

THANKS!