Frameless Popup
It's frameless only in Internet Explorer so anyway 70% of the population will notice.
Paste this between <head> and </head>
<script type="text/javascript"> <!-- // Make settings here var width= 290 var height= 398 var posX = 260 var posY = 100 var scrollb = "yes" // For non IE users, scrollbars? var pageURL = "yourpage.html" // The page to be in the popup var title = "Totally Unnecessary" // Anything you want here var autoclose = true // Close popup if launching page is closed? var beIE = document.all?true:false function popupFrameless() { if (beIE) { winName = window.open(pageURL,'Name','fullscreen=yes , width=' + width + ',height=' + height); winName.blur(); window.focus(); winName.resizeTo(width,height); winName.moveTo(posX,posY); } else { winName = window.open(pageURL,'Name','scrollbars=' + scrollb + ', width=' + width + ',height=' + height); winName.blur(); window.focus(); winName.resizeTo(width,height); winName.moveTo(posX,posY); } winName.focus(); if (autoclose) { window.onunload = function(){winName.close();} } } //--> </script>
Here is the link to load the popup with:
<a href="javascript:popupFrameless()">Load Popup</a>
Or if you want to load it automaticly, make your <body> like this:
<body onload="popupFrameless()">
Close Button
When you use this frameless popup you should provide a close button of some kind. Do not use self.close() or window.close() as they may not work. Use javascript:top.window.close() , like this.
<a href="javascript:top.window.close()" title="Close">Close</a>
Scrollbars
If you want to use colored scrollbars, then put their css in html {} and not body {}