Flash CS3 - Resize HTML Window

Question

Ok, I will word this in a different way. I posted earlier and
received no responses. So, I will post once again.
I am trying to make sure that my Flash CS3 Html web page
stays centered across various computer monitor
platforms.
I found this code in an earlier post and wondering if the
code will work.
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
Also, how many on this forum are working in Flash CS3? I know
it's quite different than Flash 8.
Thanks,
Franchelle

Answer 1

I'm still not sure about exactly what it is that you want to
do. In any case, let me explain the various options that you have
to displaying your Flash movie in an HTML document.
In the Publish Settings window, in the HTML tab, there are
two settings that will effect how your movie displays itself. The
first is titled "Dimensions" and has three options: Match Movie,
Pixels, and, Percent. Match Movie will force your Flash movie to be
presented in its original dimensions. Pixels will allow you to set
an absolute size for the movie. Percent will set the movie's size
to a percentage of the available HTML window space.
The second option, "Scale", has four options: Default, No
Border, Exact Fit, and, No scale. Default will show your movie
scaled to fit the window, No Border will allow your movie to scale
without regard to the original proportions. Exact Fit will scale
the movie in proportion to its original size. No scale will keep
your Flash movie at its original size and resize matte around the
movie to fill the available space. Scale has no meaning unless you
use either Pixels or Percent in the Dimensions option setting.
If you want to fill the HTML window space, regardless of its
size, then use Pixels for the Dimension option and set the values
for the width and height to 100%. If you want your movie to fill
the window and enlarge or reduce as needed, then choose Default for
the Scale option. If you want your Flash movie to remain at its
original size and the matte to fill the available space in the HTML
window then choose No scale for the Scale option.
There are two other options on the Publish Settings screen
that seem as though they would be useful, but they are not. The
first is the HTML alignment option. This can be set for Default,
Left, Right, Top, or, Bottom. Most are meaningless. Any setting
except Right will force the Flash movie to sit in the upper left
corner of the HTML window if the Dimensions and Scale options are
left to their defaults. Using the Right setting will force the
Flash movie to the upper right corner of the HTML window.
The second option is the Flash Alignment option. This option
will position the Flash movie relative to matte. This option will
only take effect if you choose Pixels or Percent in the Dimensions
option and a Scale option of No scale.
There are no settings in the Flash Publising Options, or
anywhere else in Flash to set or change the size of the HTML
window, or to position that window on the user's monitor screen.
The size and location of the HTML window is controlled by the
browser.
You need to use Javascript control the browser window. This
will only work if the end user has Javascript enabled. To position
a browser window, you use the moveTo() function. A simple function
to position a window might look like this:
<script language="javascript">
function centerWindow() {
var thisWidth = window.outerWidth;
var newX = (screen.width - thisWidth) /2;
self.moveTo(newX,0);
</script>
window.outerWidth will return the width in pixels of the HTML
window, including any chrome on the sides of the window.
Screen.width will return the width of the user's screen.
Self.moveTo(x,y) will move the current HTML window to pixel values
in the parens.
To change the size of the HTML window itself, you use the
resizeTo() function. Here's a simple example:
<script language="javascript">
function maximizeWindow() {
self.moveTo(0,0);
self.resizeTo(screen.availWidth,screen.availHeight);
</script>
This example uses screen.availWidth instead of screen.width.
Screen.width will return the full width of the user's screen,
screen.availWidth will return the width minus any space occupied by
widgets that will not give up their space.
In order to completely fill the HTML window with your
content, you will also need to reduce the size of the window's
margins. You can use a simple CSS declaration in the head of the
HTML document to achieve this:
<style type="text/css">
body {margin: 0px}
</style>
This will work for every browser, except Opera. Opera also
pads the window object. So, you'll need to add this line to account
for Opera users: padding: 0px.
You can use a combination of all of these settings to size
and position your Flash movie and the HTML window on your end
user's screen as you like.