Window.open

**NewDeveloper06** · Sep 5, 2007, 12:38

I've been using the following code to open new windows:

<script launguage="javascript">
function openWindow(url)
{ window.open(url,'newpage','scrollbars=no,resizable=no,width=400,height=200');
}

<html>
....
.....
<a href="javascript

penWindow(php/newsregister.php');">Click here</a>
...
...
</html>

My question is i cant seem to get it working so i can specify the size. i.e. i want to create a function

function openWindow(url,width,height)

Can i do this? I have tried google. Sorry if the answer is obvious. I have tried a few things

**Mittineague** · Sep 5, 2007, 13:19

Did you try something like

HTML Code:

window.open(url,'newpage','scrollbars=no,resizable=no,width=' + width + ',height=' + height + ');

**desr333** · Sep 5, 2007, 16:02

I think you just have a simple typo.

In your call to the function, the parameter needs to be quoted, and you're missing the first quote. It should be:

Code HTML4Strict:

 <a href="javascript:openWindow('php/newsregister.php');">Click here</a>

**NewDeveloper06** · Sep 6, 2007, 10:26

Originally Posted by Mittineague

Did you try something like

HTML Code:

window.open(url,'newpage','scrollbars=no,resizable=no,width=' + width + ',height=' + height + ');

I did. Cant think of what to try. This is all that needs finishing on site.

**NewDeveloper06** · Sep 6, 2007, 10:29

Originally Posted by desr333

I think you just have a simple typo.

In your call to the function, the parameter needs to be quoted, and you're missing the first quote. It should be:

Code HTML4Strict:

 <a href="javascript:openWindow('php/newsregister.php');">Click here</a>

sorry ye i just copied it across wrong. It works if i set the size in the function and then just call it therefore giving a set size window every time

What i want is to specify in the actual call to the function the size the window should be

**desr333** · Sep 6, 2007, 12:06

ahh, well in that case, try this:

Code JavaScript:

function openWindow(url, width, height)
{ 
winSettings='scrollbars=no,resizable=no,width=' + width + ',height=' + height;
window.open(url,'newpage',winSettings);
}

Code HTML4Strict:

<a href="javascript:openWindow('http://www.socsci.uci.edu', 300, 200);">Click here</a>

**NewDeveloper06** · Sep 6, 2007, 12:40

fantastic! exactly what i needed it to do. Thankyou very much for your help. You've just solved something for me i've been struggling with on and off for a couple of days.

**desr333** · Sep 6, 2007, 15:47

No problem, glad I could help. happy javascripting!

**NewDeveloper06** · Sep 8, 2007, 09:18

i've come across an aditional problem. I have two links which open popups. Both are different sizes. With this code if i have the small one open and click the second link it opens up inside the already open smal window and therefore doesnt show all the content as its not big enough. Is there a way around this? Can i force it to open an additional window?

**Mittineague** · Sep 8, 2007, 10:26

Give them different names.

**NewDeveloper06** · Sep 8, 2007, 10:34

to save file sizes i've tried to limit my javascript. I'm using one function for opening popups as on another page there will be 7 different popups with different sizes.

if using one function doesnt allow me to open different pages for each one can i at least force the already open page to resize rather than keep the old size?

**NewDeveloper06** · Sep 8, 2007, 10:36

actually could i specify the window name in the call to the function if i rewrote the function to accommodate?

**NewDeveloper06** · Sep 8, 2007, 10:47

thanks for the idea Mittineague. just tried it and created a new function with an additional parameter. perfect! Thanks again

**NewDeveloper06** · Sep 8, 2007, 10:53

can i also force the windows to stay in focus and not get lost behind the rest?

The SitePoint Forums have moved.

User Tag List

Thread: Window.open

Thread Tools

Display

Window.open

variables

2 windows

Bookmarks

Bookmarks

Posting Permissions