Home l Webpage Design l Website Planning l Content Management

Website Architecture

Smart New Window

Example

Create new browser windows to your own specifications. Copy and paste the following code to the <head> section of your HTML file. Use the width and height attributes to specify the window size in pixels.

<script>
function newWindow(htmlfile) {
htmlWindow = window.open(htmlfile, 'newWin', 'width=500,height=350,toolbar=no,scrollbars=no')
htmlWindow.focus()
}
</script>

Now, create a link using the following syntax:

<a href="javascript:newWindow('filename.html')">Link Text</a>

All you need to do is replace filename.html with the name of the file you're linking to and add some appropriate link text or use an image.

See the wonderful Resize a Popup to fit an Image's Size tutorial at sitepoint.com for a more complex but elegant solution to creating different sized windows automatically. The Pop-up Code Generator at EchoEcho.com is a great way to design your own pop-up window if you know no JavaScript. Also, see the article, The Perfect Pop-Up for more information on the use of pop-ups.
Back to Tutorials

Home l Webpage Design l Website Planning l Content Management