Guide to creating a web site, web design, web development, internet marketing, promotion, html tips and tricks, javascript and more.

Your Guide to Professional
Web Site Design and Development

HTML Tips
HTML Codes
Web Development
Web Design Tips
JavaScript Codes
216 Web Safe Colors
CSS Tutorial
JavaScript Tutorial
ASCII Character Codes

Offering Free Javascript Tips, Snippets and Codes

Open Directory Projectfree ebooksfree articles
web site design development internet marketing and promotion tutorials

| Web Site Development | HTML Codes | HTML Tips | Web Design TipsJavascript Snippets | 216 Safe Colors | Symbols | CSS Tutorial | JavaScript Tutorial |

webmaster resources
website design



Open Multiple Windows with Links

If you're looking for a JavaScript code that will enable your visitors to open a customized pop-window from a link, this JavaScript tip may be what you're looking for.

You can open multiple customized pop-windows within your web page that are opened via links. This JavaScript code provides a great way to display tips, instructions or whatever you'd like.

Examples:

Click Here
Click Here
Click Here

Place the following code between your HEAD tags:

<SCRIPT language="JavaScript">
<!-- Script courtesy of http://www.web-source.net - Your Guide to Professional Web Site Design and Development
function open1() {
var open1 =
window.open('http://www.domain.com','','scrollbars=yes,height=600,width=800,resizable=yes');
}
function open2() {
var open2 =
window.open('http://www.domain.com','','scrollbars=yes,height=600,width=800,resizable=yes');
}
function open3() {
var open3 =
window.open('http://www.domain.com','','scrollbars=yes,height=600,width=800,resizable=yes');
}
// -->
</SCRIPT>

Carefully edit the text indicated in red to suit your needs.

For each new window you'd like to open with a link, you must add a new function to the JavaScript like this:

function open4() {
var open4 =
window.open('http://www.domain.com','','scrollbars=yes,height=600,width=800,resizable=yes');
}

And, create your links with the same name as the function like this:

<A href="javascript:open1()">Click Here</A>
<A href="javascript:open2()">Click Here</A>
<A href="javascript:open3()">Click Here</A>




Submit your JavaScript code snippets. We'll credit you and give you a link to your website.