HTML Forum

**danroach** · 09-18-2007, 04:20 PM

Hi there.

I'm using dreamweaver mx to build my site and I want to have a link that opens up a new window, for example 500 x 500 with an image and some text in it. But I dont want the window to be able to be scaled or dragged wider/bigger etc. How can I do this??

Thanks in advance.

Dan

**Nathand** · 09-18-2007, 06:20 PM

Try this:

Code:

<script type="text/javascript">
var newwindow;

 
function resizewindow(popW,popH,location)
{

newwindow=window.open(location,"_blank","resizable=no, width=400, height=400")
}
</script>
 

<a href="#" onClick="javascript:resizewindow(500,500,'http://www.webmaster-talk.com')">Linky</a>

Hope that helped,
Nathan

**danroach** · 09-19-2007, 04:03 PM

Hmmmm, that didnt seem to do the trick.

My code looks like this:

<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<pre><img src="file:///D|/Dan%20Art%20Site/gerontius.jpg" width="500" height="362">
'The Dream of Gerontius' - Acrylic on canvas 2007: 100cm x 76cm</pre>
</body>
</html>

Do I need to include some sort of command etc at the height and width info?????? If so, what?????

Thanks

Dan

**Nathand** · 09-23-2007, 08:26 PM

I apologize for not replying, I've been rather busy the last couple of days...

You don't have a link in your code. Did you want a link to open up a page with the code you posted?

**maxxximus** · 09-24-2007, 04:30 AM

Attach this behaviour to an anchor tag.

Code:

<a onclick="window.open(this.href,'Any_name', 'toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,width=530,height=337'); return false;"  href="The target URL goes here" target="_blank"> Your anchor text </a>

**Nathand** · 09-24-2007, 11:27 AM

That would work too

Personally I like using functions that aren't hard coded but that's just me...

**rasputinberry** · 10-25-2007, 12:05 AM

Quote:

Originally Posted by Nathand

Try this:

Code:

<script type="text/javascript">
var newwindow;

 
function resizewindow(popW,popH,location)
{

newwindow=window.open(location,"_blank","resizable=no, width=400, height=400")
}
</script>
 

<a href="#" onClick="javascript:resizewindow(500,500,'http://www.webmaster-talk.com')">Linky</a>

Hope that helped,
Nathan

Is there a way to specify these things in CSS, or do we have to copy this script into each page and adjust each window width/height accordingly to every edit??

And thanks by the way, that code was very helpful! I think before I tried using javascript but for some reason javascript always messed up the website whenever I checked it on IE.

**chrishirst** · 10-25-2007, 03:34 AM

Quote:

Is there a way to specify these things in CSS, or do we have to copy this script into each page and adjust each window width/height accordingly to every edit??

Nope, it can't be done in CSS.

The function could be put in to an external js file and linked in on each page with only the onclick event in the links.
If you are only going to require one size for the pop-up these could be hard-coded into the function and only pass the URL to the function.

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!