open simple window without anything on it

ssphoenix · Oct 4, 2002

Someone posted a while back the code to open a window without anything on it. What I want to do is create a procedure link which will point to a picture showing a detail shot. I want it to open in a small windows without nothing on it other then a close button.

Thanks in advance.

RISTMO · Oct 4, 2002

Here is an example to see how you can do that stuff:

<script>
<!--
function pop_win(){
var new_win=window.open("","New Window","width=400,height=200&quot

;
var innerHT="<html><body>";
innerHT+="<a href='javascript:self.close();'>Close Me!</a>";
innerHT+="<br>";
innerHT+="some text...";
innerHT+="an image:";
innerHT+="<img src='image.gif'>";
innerHT+="</body></html>";
new_win.innerHTML=innerHT;
}
//-->
</script>

<a href="javascript

op_win();;">Click</a>

Rick

ssphoenix · Oct 4, 2002

Rick,

Thanks for your post. However, I am unable to get this to work. I have a runtime error on line:
function pop_win(){

For some reason it does not like this function.

Help would be greatly appreciated.

Thanks

RISTMO · Oct 5, 2002

That is strange. I was sure it was right so I posted without testing, but on IE 6 I'm getting errors. Hmm. Anyway, this works fine now:

<script>
<!--
function pop_win(){
var new_win=window.open("","","width=400,height=200&quot

;
innerHT="<a href='javascript:self.close();'>Close Me!</a>";
innerHT+="<br>";
innerHT+="some text...";
innerHT+="an image:";
innerHT+="<img src='image.gif'>";
new_win.document.body.innerHTML=innerHT;
}
//-->
</script>

<a href="javascript

op_win();">Click</a>

Rick

ssphoenix · Oct 5, 2002

Rick,

Thanks again. The new code worked. However, I have another questions regarding your code. I need to put a picture in that new windows. When I do the picture is sqwed to the bottom left. Seems that there is a left and top margin that I cannot take out. Basically I want the picture to fill the new window completely.

Thanks again.

RISTMO · Oct 5, 2002

Change the image to this:

<img width="100%" height="100%">

Rick

ZekeO238 · Oct 5, 2002

I used the same kind of idea in a tutorial I once made. I had thumbnails of what you should do in each step that you could click to enlarge. It took me a while to develop this script but you may want to try it out.

----------
Link Script
----------

function openimg1()
{

OpenWindow=window.open("images/toolbars.html","img1","width=305,height=288,scrollbars=0,status=0,resizable=0,fullscreen&quot

;

}

-----------
New Window File
-----------

<html><head><title>Will display in Non-JS Enabaled Browsers</title>

<script language="javascript">

</script>

</head>
<body onClick="window.close()" marginwidth=0 marginheight=0 leftmargin=0 topmargin=0 style="position:absolute; overflow-x:visible; overflow-y:visible>

<a href="#"><img src="button-editor.bmp" border="0" alt="Click to Close"></a>

</body>

-----------------

I took that directly from the file. What it does is resize the window to the specified size and it has no toolbars and stuff because the link that opened the window has them disabled.

starway · Oct 7, 2002

All of the above posted examples are not comlpetely cross-browser.
I'd recommend using this:

function openImage(images, w, h) {

var windowprops = "location=no,scrollbars=no,menubar=no,toolbar=no" + ",left=300,top=100" + ",width=" + w + ",height=" + h + ";"

a = window.open("","popupimage",windowprops);
a.document.open();

a.document.write('<html><body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">');

a.document.write("<a href='javascript:window.close()'><image src='" + images + "' width=" + w + " height=" + h + " border='0' alt=''></a>&quot

;

a.document.write('</body></html>');
a.document.close();
}

Call it like this:
<a ... onclick="openImage('big1.gif', 120, 90)"><img scr="small1.gif" ... alt="click to see enlarged"></a>

This script works in all browsers (including old ones) and is more flexible: it opens popup window with the size equal to image size.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

open simple window without anything on it

ssphoenix

IS-IT--Management

RISTMO

Programmer

ssphoenix

IS-IT--Management

RISTMO

Programmer

ssphoenix

IS-IT--Management

RISTMO

Programmer

ZekeO238

Programmer

starway

Programmer

Similar threads

Part and Inventory Search

Sponsor