Locking a webpage so that it opens a certain size?

liunx · Jan 10, 2008

Hi Guys! 
 
I'm currently working on a website but there is one part of it I need a bit of help with. 
 
I'm creating this site for an internet radio station and there is an image which acts as a link - when they click on it, it opens up a new page. What I want to do is lock this other page that appears when they click on the link to a certain size (fairly small). It will only be used for information purposes and doesn't require a full web page size - it will look fairly unprofessional and it will also 'drown out' the main homepage - taking the attention away from it. 
 
Is there any code or command I can put into the page so that it forces the page to open at a certain size? I'm using Dreamweaver MX for my project just incase that help at all. 
 
Thanks in advance guys.

It would take JavaScript or VBScript to open a window a particular size. 
 
Instead of specifying 
target="_blank" 
you would need to call the window.open() function in the onclick event of the link. See <a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/methods/open_0.asp">http://msdn.microsoft.com/workshop/auth ... open_0.asp</a> for the complete syntax. 
 
Alternately, you could place a script in the page that you want to load in the new window to resize the window. Place this code in the head section: 
<script language="JavaScript" type="text/javascript"> 
 
</script> 
and the window that the page is loaded into will always be 100px by 100px. 
 
However, there are many window features (menu bar, location, etc.) that you can only manage when using window.open().you could also use this code to open the window of a certain size, without it opening and then resizing: 
 
place in head: 
 
 
<script language=javascript> 
 
function openIt() 
 
stats='width=100,height=100' 
window.open ("window-url","windowName",stats) 
 
 
</script> 
 
 
 
place in body: 
 
 
 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"" onclick="openIt()"><img src="image-location" width="image-width" height="image-height"></a> 
 
 
 
hope this helps, 
-DanThanks guys - those were very helpful indeed. 
 
That first script seemed the most effective for what I need. The only thing which I forgot to mention is that on that particular script, it keeps the 'back', 'refresh' icons, etc at the top of the window. Is there anyway of removing them so that it acts like a pop-up window where there isn't an option to resize the window, and having the 'back', 'refresh' icons, etcall you have to do(if you use my way of opening the window at a specific size)is change your "stats" line 2 this: 
 
stats='width=100,height=100,toolbar=no,location=no' 
stats+='directories=no,status=no,menubar=no,scrollbars=no,' 
stats+='resizable=no'Cheers mate, i'l give that a try now

Just a random comment nothing to do with this thread but when you click on a link from an image, it replaces the current page. Can you make the image link so that it opens in a new page rather than replacing the current one? 
 
Sorry to be a pain

In general you can add the target attribute to the link tag to open it in a new window. 
 
Example: 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"somepage.html" target="_blank"><img blah blah></a> 
 
This will not set the size of the window, but you said that this question wasn't related, so I think that is the answer.You guys are a massive help. Thanks a lot everyone. If I could buy you a beer then I would lol

ok i got a picture that when you click on it, it opens a page that shows more pictures, i need it so when u clcick the picture it opens the new window in a certail size (long and skinny)<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
<head><title>Example</title> 
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /> 
<style type="text/css"> 
</style> 
 
<script type="text/javascript"> 
function openIt() { 
properties = "width=200,height=500,directories=no,status=no,menubar=no,scrollbars=no,resizable=no"; 
url = "http://www.teenchat.com"; 
window.open(url,"WindowName",properties); 
} 
</script> 
</head> 
 
<body> 
 
<input type="button" name="PopUp Button" value="Open The New Window" onclick="openIt()" /> 
 
</body> 
</html> 
 
Hope this helps.is that for me?Originally posted by modifier_guy 
is that for me? 
It most certainly is. 
You might also check out this link (<a class="postlink" href="http://www.w3schools.com/js/js_window.asp">http://www.w3schools.com/js/js_window.asp</a>) if you have anymore problems.ok so were do i add my image and the url? in that script? on ym site it has a picture then u clcik it to open a new windowThe JS: 
 
<script type="text/javascript"> 
function openIt() { 
properties = " width=200,height=500,directories=no,status=no,menubar=no,scrollbars=no,resizable=no"; 
window.open(this.href,"WindowName",properties); 
} 
</script> 
 
HTML: 
 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"linktoimage.jpg" onclick="openIt(); return false;"><img src="pathtoimage.jpg" width="imgwidth" height="imgheight" alt-"Text Description" /></a> 
 
Lemme know if that works. I'm pretty new at this, so that's a bit of untested, stab-in-the-dark code.

The script works but it just opens a new window and i got that LOL 
 
I need it to make it so when you clcik the picture it opens a long and skinny window displaying a long list of pictures<html> 
<head> 
 
<script type="text/javascript"> 
function openwindow() 
{ 
window.open("http://www.w3schools.com","my_new_window","toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=400, height=400") 
} 
</script> 
 
</head> 
<body> 
 
<form> 
<input type="button" 
value="Open Window" 
onclick="openwindow()"> 
</form> 
 
</body> 
</html> 
 
i found this script but it make a button so you click the button to open the page. i need it to clcik a pciture is it possible to modify this script?Change 
 
<form> 
<input type="button" 
value="Open Window" 
onclick="openwindow()"></form> 
to 
<a href=http://www.webdeveloper.com/forum/archive/index.php/"urltoimage.jpg" onclick="openwindow(); return false"><img src="path/toimage.jpg"..... /></a> 
Of course, you must add the proper attributes to your image tag, the dots are there just to save space.ok i will try it

Locking a webpage so that it opens a certain size?

liunx

Guest