Articles Tutorials Work at Home Entrepreneurs, Webmasters, Small Business Owners
Articles Tutorials Work at Home Entrepreneurs, Webmasters, Small Business Owners
Articles & Tutorials for Work at Home Entrepreneurs
Webmasters and Small Business Owners
Get More >

Newest Articles 
Search Engine Marketing
Internet Marketing
Affiliate Marketing
Email Marketing
Viral Marketing
Webmaster Resources
Business Resources
Make More Money
CSS
Web Design
Graphic Design
Color Theory
Product Reviews
Time Management
Business Ethics
Promotional Strategies
Glossary of Terms
Direct Mail Marketing
Telemarketing
Product Sourcing



Link to Us!

Web Design
Email this article  :  Printer friendly page

Quickie Popup Windows with JavaScript

Click Here to View Live ExamplePopup windows were the rage for years but are fast becoming extinct as popup blocker software franticly tries to eliminate this overly abused feature. It's sad to think that a useful web feature that was utilized by millions of websites over the years for all the right reasons will someday be history. But that's the web!

If you use popups, popunders or popexits on your site, you may want to warn folks before they click on a link or click out of your site. Why? Because the use of these features does not always reflect well on your business as they have developed a reputation of being sneaky. They can also easily be interpreted as being website spam especially when used in conjunction with advertising other websites.

If you do use popups, have a good reason to do so and keep your site visitors comfortable by forewarning them with a popup window icon next to the link. Feel free to use these two icons on your website.



A quick way to enable the popup feature on your website is to copy/paste the following JavaScript code between the HEAD tags of your web page that will contain the link to the page you want to popup. Adjust the width and height of the popup window as you wish. You can also change the 'no' properties to 'yes' if you want a status bar, toolbar, and menubar to display on your popup window.

<script language="javascript">
<!--
function basicPop(url) { newwindow=window.open(url, 'windownew',
'width=300,height=250,status=no,toolbar=no,menubar=no');
}
//-->
</script>

Now in your HTML source code place a # character for the normal link code and add the onclick code as shown below. Replace yourpage.html with the name of your page, of course.

<a href="#" onclick="basicPop('yourpage.html')">More Information</a>

Copyright © 1994-2006 by BasicTips.com, a division of BasicTemplates.com, CSS HTML Web Site Templates with Exernal CSS and Removable Graphics. If you found our articles helpful, subscribe to our newsletter and get articles like this delivered to your inbox - FREE.

Order soon and get up to 5 FREE domains & more!
Host 6 Domains on 1 Account
5000MB and 400GB for $6.95 a month!

 

Page copy protected against web site content infringement by Copyscape
All articles are originally authored by BasicTemplates.com. Reprints in whole or in part are not permitted. See Copyright Notice

Copyright © 1994-2006 BasicTips.com, a division of BasicTemplates.com, Web Site Templates with External CSS
The Internet's #1 Choice for HTML CSS Web Templates via a Membership. Designed using External CSS and Removable, Swap-Out Graphics.
Basic Web Templates | Website Templates | HTML CSS Templates | Web Design Templates | Web Site Templates