Opening a Window without a Titlebar

Posted on 2001-08-27
Last Modified: 2012-05-04
Is this possible, and how is it done?
That is, what feature would be set on a
Question by:Clif
  • 4
  • 2

Expert Comment

ID: 6428949
Probably noit possible if you are talking about the title bar above the file menue. However, you can not place title infomration in there.

<script language='javascript'>
//-- This function opens the new, empty window named floater.
function openWindow() {
   if (navigator.appName.indexOf("Microsoft")>=0) {

Expert Comment

ID: 6429074
More window related code.

<SCRIPT LANGUAGE="javascript">
<!-- ('titlepage.html', 'newwindow', config='height=100,
width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no, directories=no, status=no')

Accepted Solution

kanthonym earned 100 total points
ID: 6429129

IF this does not make sense see the code examples and text at the link below.


New Window: No Title Bar
by Joe Burns, Ph.D.
Use these to jump around or read it all...

[Button Code]
[The Script]
[OnLoad the Window]

In my tutorial dedicated to opening new windows through JavaScript, I made the statement you could not open a new window that didn't have a title bar. Don't check. It doesn't say that any more.

A reader saw that statement and informed me that he knew of a method and gave me the basics. I took those steps and put together the script in this tutorial. It's a new window that opens without a title bar. The effect is created by using the open.window JavaScript along with the fullscreen code discussed in this tutorial.

Sorry to say that even though the fullscreen and JavaScript commands work in Netscape, the loss-of-title-bar effect only works in Internet Explorer. However, I've bulked up the script so that not only do you have control over the title bar, but also o over the window's size and placement on the screen. It's a neat little piece of work. Dig this:

Neat effect, eh?

Hey, did you get a scrollbar? Yeah. Me too. I have the scrollbars set to "no" but that thing still pops up. Strange, huh? If you'd like to get rid of the scrollbar too, then follow a tip given to me by Neil Brocklebank.

In the page that opens in the new window put the style command:

style="overflow:hidden" the BODY flag. Now, remember. That goes in the BODY flag of the page that is opening inside the new window, not the page that contains the script. That's real important.


Button Code
It goes like this:
<input type="button" VALUE="click me!" onClick="goNewWin()">

It's a basic FORM button that is set up to fire a function named "goNewWin()". That's about all there is to it. Let's see that script.


The Script Code
The script is inside of a function. Here it is:
<script language="JavaScript">

function goNewWin() {

// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;

// Place the window
var NewWinPutX=10;
var NewWinPutY=10;

//Get what is below onto one line


//Get what is above onto one line



We start by setting four parameters:

// Set height and width
var NewWinHeight=200;
var NewWinWidth=200;

// Place the window
var NewWinPutX=10;
var NewWinPutY=10;

Good Luck!
Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

LVL 10

Author Comment

ID: 6429252
Thanks for your help so far.

this is really close.  There are two problems, though.  First of all, there is a definite lag during the window opening before it gets resized.  Second, the "fullscreen" feature is (according to my documentation) only used in IE4.
LVL 10

Author Comment

ID: 6429258
I'm go9ng to go ahead and grade your answer.  It does work (at least in IE), although there is that annoying lag.

I just discovered what I was trying to do can't be done in Netscape anyway, so I'll have to try and find another plan.

Thanks for your help.

Expert Comment

ID: 6429265
Thanks, best of luck in your search. I would be very interested in any answers you find.

Featured Post

Announcing the Most Valuable Experts of 2016

MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
This article demonstrates how to create a simple responsive confirmation dialog with Ok and Cancel buttons using HTML, CSS, jQuery and Promises
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

856 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question