Popup Window

[MattG1225]

How can I link an HTML webpage and have it open in a simple popup window?!?!?!

MAtt -

[arnyinc]

<a href="javascript:onclick(window.open('yourpage.htm'))">link text</a>

edit: take out the space in java script

Go here for more options:

http://developer.irt.org/script/90.htm

[beetle]

My preferred method

<a href="somepage.htm" target="sometarget" onclick="window.open(this.href, this.target, features); return false;">link</a>

[arnyinc]

Go with beetle's suggestion. It looks like it is more backwards compliant.

[beetle]

Originally posted by arnyinc
Go with beetle's suggestion. It looks like it is more backwards compliant.

And search engine friendly, too

[MattG1225]

Beetle: I not clear on the end part of the popup window code you gave me:

(this.href, this.target, features);">

Is this.href and this.target the same source as "somepage.htm" and "sometarget"? And what is features. Can you throw together a quick example. Thanks in advance!

Matt -

[MattG1225]

I get what the features are: toolbar, size, etc, but I didn't get that to work. I did get the window to open in a popup though.

Matt -

[beetle]

features is a comma separated string of window features. The most common features are (with their datatype)

• width: integer
• height: integer
• top: integer
• left: integer
• location: boolean
• menubar: boolean
• scrollbars: boolean
• status: boolean
• toolbar: boolean

The width, height, top and left all pertain to the popup's size and position. All the rest of these features are literally window features

• location - the address bar
• menubar - File Edit View etc...
• scrollbars - duh
• status - the statusbar at the bottom of the window
• toolbar - The back, foward, home, etc buttons

Now, by default, all the window features are off, or have a false value, so you only need to include those which you want to be true.

window.open( this.href, this.target, 'width=300, height=200, top=100, left=100, status=1, scrollbars=1, toolbar=1');

This opens a 300x200 window, positioned at 100,100 with the statubar, scrollbars, and the toolbar.

[MattG1225]

Beetle:

How do I list the target? I have it as target="_blank", but what about the this.target. What do I do with that?

Here's my current code:

<a href="case.html" target="_blank" onClick="window.open(case.html),'height=300, width=300, top=100, left=100, status=1, scrollbars=1, toolbars=1';">link</a>


Matt -

[beetle]

<a href="case.html" target="_blank" onClick="window.open(this.href, this.target,'height=300, width=300, top=100, left=100, status=1, scrollbars=1, toolbars=1'); return false;">link</a>

[PauletteB]

If concerned with older Netscape browsers, don't use spaces between the window parameters.