Web Shoppe | Javascript | Chromeless Windows

Home | Coding | Javascript | Chromeless Windows

Chromeless Windows

A chromeless window is a pop-up window that is completely customized to match your site. Here is an example. It will work on IE 4.5 and up; on other browsers it will open a regular window about the same size.

To make your own chromeless window, download this ZIP file. In it is the JavaScript and the images you'll need.

Add the following code between the <head> and </head> tags.

function openIT2(u) {
	return chromeless(u,'rarewin',500,300,null,null,
			   'close_up.gif','close_ovr.gif',
			   'clock.gif',
			   'min_up.gif','min_ovr.gif',
			   'max_up.gif','max_ovr.gif',
			   'res_up.gif','res_ovr.gif',
			   '<font face=impact color=#f0f0f0 size=5> |||| THIS IS A TEST ||||</font>','||| WIN TEST',
			   '#505050','#ffffff',
			   '#707070','#707070',
			   'toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=0,resizable=0','scrolling=no noresize',
			   10,false,false,false,35)
}

</script>

To open the chromeless window, use this code:

<a href="#" onclick="mywindow=openIT('window.html',400,200,null,null,'mywindowname')">Open Chromeless</a>

'window.html' is the page you want to open in the window. 400 is the width in pixels of the window, 200 is the height. null means we want it to open in the center of the screen.

To customize the window, open up the graphics from the ZIP file in a graphics editing program and make them look how you want. Then edit the code you placed in the head of the document. This is what the different variables mean:

Please note that I cannot/will not provide support for chromeless windows. If it's not working, I'm afraid you'll have to ask somewhere else.