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 Tips | Javascript 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.