Popup Chromeless Window

An easy to use Javascript Popup Chromeless Window.

Introduction:

Here’s a simple but flexible javascript popup function. This effect is known as a chromeless window. This usually means that the window is resized and the browser features (nav buttons, address field, scrollbars, resize handle, and favorites) are hidden or altered.

Javascript Source Code:

<script language=”javascript”>
<!–
var openwin;
function popupwin(url,myname,w,h,s)
{
settings=’height=’ h ‘,width=’ w ‘,scrollbars=’ s ‘,toolbar=no,location=no,status=no,menubar=no, resizable=no,dependent=no’
openwin=window.open(url,myname,settings);
}// –>
</script>

HTML Source Code:

<p>
Click here to
<a href=”#” onClick=”popupwin(‘/index.php’,’Loading’,’400′,’400′,’yes’);”>
Open Popup Window</a> the pop up.
</p>

Adding it to your site:

First create a variable called “openwin“. Next create a function called “popupwin()“. This does all the work. To configure the code for your site, just change the values inside the javascript “settings” line and the html link “onClick” values. And that’s it.

Click here for a working sample.

Tagged : / / / /

6 thoughts on “Popup Chromeless Window

  1. I’m looking for information about the coding for a small add that STICKS to the (in this case) bottom-right of the screen (above system tray).
    No matter what page one is looking at, it stays right in place (most I suppose with a Flash presentation).
    The window that holds it does not have borders, title bar, or anything else; it just acts like a placeholder.
    Cheers!

Leave a Reply

Your email address will not be published. Required fields are marked *