by kirupa chinnathambi

Well, not exactly. This effect is quite nice in that it enables you to customize the menu and title bar of a new window you open in Flash. For an example of what I am alluding to, click the following Flash button:

Making Everything Work
First, you will need to create a button in Flash. Once the button has been created, right click on the button and select Actions. Select Get URL by going to Basic Actions and Get URL. You will now be able to enter the URL that will enable the borderless window to launch. Copy and paste the following code:

javascript:openIT('page.html',450,250,null,null,'mywinname01');

As you can presume, portions of the above code have been colored in for a reason. The code colored in blue refers to the file name of the page you want to display in the borderless window. You can change page.html to reflect the name of your page. Examples of names you can use include:

• page.htm
• content/page.htm
• http://www.kirupa.com/page.htm
• page.asp

The green text in the code refers to the width and height of the borderless window. The first number refers to the width of the borderless window. The second number refers to the height of the borderless window. From the above code, you can see that that the window will be 450 pixels wide and 250 pixels tall. You can modify the height and width of the window to any value you desire!

Modifying the HTML Page
Once you have your button created, insert the SWF file into an HTML page. You will need to add some code into your HTML to display the borderless window. Open the HTML page containing your SWF file for editing. Add the following lines of code into your HTML page:

<script language="javascript" type="text/javascript" src="chromeless.js"></script> <script language="javascript"> function openIT(u,W,H,X,Y,n) { var cD ='images/close_down.gif' var cU ='images/close_up.gif' var cO ='images/close_over.gif' var cL var tH ='<font face=verdana size=1>  Borderless Example</font>' var tW ='Borderless Example' var wB ='#003366' var wBs ='#003366' var wBG ='#8BB1D8' var wBGs='#B1CBE4' var wNS ='toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0' var fSO ='scrolling=no noresize' chromeless(u,n,W,H,X,Y,cD,cU,cO,cL,tH,tW,wB,wBs,wBG,wBGs,wNS,fSO) } </script>

It is time to make sense of the code you just copied. I will not be explaining what every facet of the code accomplishes, but I will list the important values that you may choose to modify to customize your borderless window. The following table should help you in customizing the code:

Once you have customized the code to your liking you are all set to test out your borderless window example...except for one major detail. The javascript references to a file called chromeless.js. You will need to download that file by clicking the following link: chromeless.js

After the file has been downloaded, extract the file and upload it to the directory containing your HTML file. Without this file in the same directory, your borderless window will not work. Now, preview your HTML page and click the button you created in Flash. You should see a borderless window appear.

Credits
The originator of the 'Chromeless Browser Window' can be found at the following URL: http://www.microbians.com/

I hope the information helped. If you have any questions or comments, please don't hesitate to post them on the kirupa.com Forums. Just post your question and I, or our friendly forum helpers, will help answer it.

The following is a list of related tutorial and help resources that you may find useful:

How to use the Forums New, Upcoming, and In-Progress Tutorials How to Help out kirupa.com Writing Tutorials

Cheers! Kirupa Chinnathambi kirupaBlog | twitter