.
.
 
Full-Screen Flash
(Frames Method)

This method of getting Flash to go full-screen works well in both IE and Netscape. The problem is that it uses frames, so those browsers that do not use frames will be left behind.
Click Here for a demo!

Dissymmetry Logo (5,214 bytes)

Prerequisite Tutorials:

JavaScript and Flash Integration - (Intermediate)
Full-Screen Flash, Tutorial I - (Intermediate)

Using the same basic ideas from the previous tutorial, we will use JavaScript to open a new window containing the Flash Movie. The primary difference between this and the previous tutorial is the set-up of the launched page. This method requires the use of frames and will incorporate four simple html pages.

1) Start with the Flash movie container html page, we reused the same page we used in the previous tutorial, named fullscreendemo.html. It is generally a good idea to let Flash generate the html page using the Publish feature of Flash. This ensures the object class id, codebase URL, and tags are correct. The only modification needed to this page is to set the margins to zero as in the previous tutorial:

<BODY marginwidth="0" marginheight="0">

2) The next step is to set up a frameset html document; we called this one fullscreenframeset.html. The frameset will consist of two frames, one for each of the two html documents we just created. Here's what it should look like:

<FRAMESET cols="100%,*" frameborder="0" border="0" framespacing="0">
<FRAME name="Flash" scrolling="0" noresize marginwidth="0" marginheight="0" src="FullScreenflashV2.html">
<FRAME name="blank" scrolling="0" noresize src="blank.html">
</FRAMESET>

The key to this method working is the bold section of the code. (Note, either "cols" or "rows" attribute may be used here.) This defines the frameset as the first <frame> should be 100% in width (or height if using "rows".) The "*" value assigns the second frame to be whatever is left over fromt he first frame, which with a first frame value of 100%, will always be 0. Note that it is also important to not have any frame borders or frame spacing. Also note the order of the <frame> tags as they are entered, they must be in correct relationship to the frameset "cols" attribute settings.

3) Next create a completely blank html document named blank.html. This page is finished. This page will be called to be the contents of the "0" width column frame in the page from the previous step.

4) The fourth page is identical to the page from which we launched the Full-Screen Window from in the previous tutorial. View the source of this page to see the example. Notice that the resizeBy() function call is no longer necessary. The only requirement is to include the following JavaScript in the head of the document:

<SCRIPT language="JavaScript">
<!--
function launchwin()
{
      newwin = window.open("fullscreenframeset.html","FullScreen","fullscreen=1, scrollbars=0")
;
}
// -->

</SCRIPT>

You will need to activate the JavaScript function with either an on load event or in a hyperlink as discussed previously.

 

.
Right-Bottom 006699.gif (866 bytes)

"Intellectuals are people who believe that ideas are of more imortance than values. That is to say, their own ideas and other people's values.
-Gerald Brenan

All graphics on this site are copyrighted by their respective distributors and may not be duplicated, modified in any fashion or used in any way without consent.

Last Updated: 12/5/07

Home |  Tutorials |  Basic |  Intermediate |  Advanced |  Contact Us