New Blog Format | Hosted on ServerDisk | Site Map
Search:
NewSourceMedia Popular Tutorials: PHP Javascripts Web Hosting
SoftwareTutorials
CATEGORIES
Scripts (2,2351) Podcast (video & audio)
 




Home / Javascripts / Navagation

Popup Chromeless Window

Published by: Alexander McLean III
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.

    Comments

  1. Off1
    April 13, 2009 10:14

    Thank you man...

    Will this work on opera and safari too?
  2. elunatic
    09.06.2005

    I tried many scripts but none of them work.

    Maybe it is not possible to let an image pop
    with ONLY a boarder..
  3. Nick
    07.30.2004

    the cromeless window script does not work with windows xp
  4. alex
    06.24.2004

    see
    http://newsourcemedia.com/index_view.php?dbtable=listings&id=85
  5. Terence Everett
    06.20.2004

    How do I use this code and force the location of the popup box?
  6. Freddy MOREL
    05.19.2004

    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 Comment



Related Articles for Javascripts Navagation:
Articale Popup Chromeless Window
An easy to use Javascript Popup Chromeless Window.
Articale overLIB
overLIB is a JavaScript library created to enhance websites with small popup information boxes (tooltips) to help visitors around your website.
Articale Center Popup Window
Center a popup in the window
Articale Javascript Email Validation Form
Check user email address forms to make sure they are valid using JavaScript before saving their info. The JavaScript code is provided here.
Articale List of Top Web Hosting sites with
UNLIMITED DISK SPACE





Hosting - List of top Web Hosting Services with FTP and Unlimited Disk Space