Guide to creating simple chromeless popup windows.

A chromeless popup window is one that doesn’t show the browsers menu or tool bar, but does retain the title bar (for easy closing). Some visitors have so many options on their tool bars that they take up over a quarter of the screen height!

Chromeless popup windows are a great way to deliver list information and extra help for filling in forms without bogging down your pages.

There are many scripts available for creating popups, but sometimes you’ll just want something simple that won’t require you to incorporate 100 lines of JavaScript!

This particular chromeless popup window procedure will work in Netscape and IE Versions 4 . It will create a link activated window of a fixed size, but will allow for scrollbars if necessary.

To view a demo, click on the “20 second site survey” link on the right hand menu of our home page:

http://wwww.tamingthebeast.net

INSTRUCTIONS:

First, create and save a standard page with the information you wish to be displayed in the popup window. The elements should be placed within a table structure. Suggested width of table: around 330 - 350 pixels.

And if you want to create a “Close this Window” statement in the page:

Close this window

If you choose not to include this snippet, visitors will still be able to close the window via the popup window title bar controls.

Second, the script to launch the chromeless popup window. Copy and paste this into the HTML (between the and tags) of the page you wish to launch the popup from (change the properties in capital letters to suit):

Authur Information:

Michael Bloch
Taming the Beast
http://www.tamingthebeast.net
Tutorials, web content, tools and software.
Web Marketing, Internet Development

Comments

Leave a Reply

You must be logged in to post a comment.

Close
E-mail It
Powered by ShareThis