action: news, reports and issues mag: features, photos and stories photography gallery rave: rants and reports drugs: essential info who do you want to punch today?! footie issues, reports and Cardiff City useless: rubbish games galore! Brixton info and guide bulletin boards: have your say! urban75 news, site updates and blog urban75 homepage click here for help and FAQs
live chat now! search the site mail us subscribe to our mailing list us: meet the crew
web question and answers



« Q & A page

« tech pages


Creating a pop up window
by Mike Slocombe

Q: I'd like people to be able to click on links on my page and have another smaller pop-up window open up. How do I do this?
T Porter

A: JavaScript is the fella for this job - with a simple bit of code, you create pop up windows containing whatever code you like.

Simply slap this bit of code between the <head> </head> part of your page (it should all appear on one line):

<script type="text/javascript">
<!--
window.onerror=null; function popup(url)
{ mywin = window.open(
url,"popup",
'height=300, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, directories=no, status=no'); }
-->
</script>


And then create this link on your page:
<a href="javascript:popup('your_web_page.html')">your link</a>

Click here for demo

Note that I have highlighted the word 'pop up' in the code and the link. In order for the JavaScript to know what item it is dealing with, the item has to have a name. You can call it anything you like, but it has to be the same in the code and the link.

What does what:

height=300 specifies the height of the window in pixels.
width=400 specifies the width of the window in pixels.
toolbar=no denotes if there will be a toolbar on the newly opened window (the toolbar is the line of buttons at the top of your browser). Set this to yes if you want one - no if you don't.
menubar=no denotes if there will be a menubar (text menu across top of a browser with 'file', 'edit' view' etc). Set this to yes if you want one.
scrollbars=no denotes if there will be scrollbars or not.
resizable=no specifies whether the user can change the size of the window by dragging or not.
location=no specifies if there will be a location bar (text box displaying current URL) on the newly opened window.
directories=no denotes if there will be a directories bar on the new window. Use yes and no.
This is the bar at the top of the browser window that has the bookmarks and such.
status=no denotes if there will be a status bar. Use yes and no.
The status bar is the area at the very bottom of the browser screen.


More info:
JavaScript Popup window generator
HTML Goodies
Javascript pop up windows


May 2004




urban75 - community - action - mag - photos - tech - music - drugs - punch - football - offline club - brixton - london - new york - useless - boards - help/FAQs - © - design - contact - sitemap - search