<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.