Design Usability
  Home arrow Design Usability arrow Building Friendly Pop-up Windows
Dev Articles Forums 
ADO.NET  
Apache  
ASP  
ASP.NET  
C#  
C++  
ColdFusion  
COM/COM+  
Delphi-Kylix  
Design Usability  
Development Cycles  
DHTML  
Embedded Tools  
Flash  
Graphic Design  
HTML  
IIS  
Interviews  
Java  
JavaScript  
MySQL  
Oracle  
Photoshop  
PHP  
Reviews  
Ruby-on-Rails  
SQL  
SQL Server  
Style Sheets  
VB.Net  
Visual Basic  
Web Authoring  
Web Services  
Web Standards  
XML  
Dedicated Servers  
Download TestComplete 
IBM® developerWorks 
Weekly Newsletter
 
Developer Updates  
Free Website Content 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us Get Paid 
Request Media Kit
Contact Us 
Site Map 
Privacy Policy 
Support 
 USERNAME
 
 PASSWORD
 
 
  >>> SIGN UP!  
  Lost Password? 
DESIGN USABILITY

Building Friendly Pop-up Windows
By: Alejandro Gervasio
  • Search For More Articles!
  • Disclaimer
  • Author Terms
  • Rating: 4 stars4 stars4 stars4 stars4 stars / 27
    2005-02-02

    Table of Contents:
  • Building Friendly Pop-up Windows
  • Addressing the problems with pop-up windows
  • The JavaScript function
  • Adding style to pop-up close links

  • Rate this Article: Poor Best 
      ADD THIS ARTICLE TO:
      Del.ici.ous Digg
      Blink Simpy
      Google Spurl
      Y! MyWeb Furl
    Email Me Similar Content When Posted
    Add Developer Shed Article Feed To Your Site
    Email Article To Friend
    Print Version Of Article
    PDF Version Of Article
     
     
     
    ADVERTISEMENT

    Ajax Application Generator Generate database and reporting .NET Web apps in minutes. Quickly create visually stunning, feature-rich apps that are easy to customize and ready to deploy. Download Now!

    Building Friendly Pop-up Windows
    (Page 1 of 4 )

    A pop-up window is simply another resource for displaying content. Many advertisers abuse them, however, thus giving pop-up windows a bad reputation. They can be implemented in a friendly fashion that won't make your visitors angry -- and they can be very useful in certain circumstances, such as on an intranet. Alejandro Gervasio explains.Introduction

    Without a doubt, pop-up windows are one of the most controversial topics on the Web. They are the preferred tool for unscrupulous vendors annoying us with "in your face" advertising. Most people believe that pop-up windows are really evil things, and in many ways, this is correct. The main reason to think that way is that pop-ups are nearly always poorly implemented or simply not needed. What’s more, there are a lot of problems related to them, but the most common faults include the following:

    Scripting disabled: If scripting is disabled, or if the browser doesn’t support JavaScript, the pop-up will not work. This is known as JavaScript dependency.

    Search engine problems: Search engines cannot follow links to pop-up windows because scripted elements are ignored.

    Inability to update links: Site management tools (e.g. DreamWeaver) cannot update links to pop-ups if you move the destination page to another section of your site.

    Accessibility problems: Pop-ups take the focus away from the main browser window, which is disconcerting for visitors. Also, pop-up windows usually remove toolbars from the browser, including "back buttons," which are key accessibility element for users.

    Pop-up killers: Many people run these applications on their computers, and with good reason. Picking up on the general sentiment against pop-ups, some browsers now have options to stop pop-ups from opening in the first place.

    The list can be continued endlessly, and you could probably add your own item to it.

    However, there are times and conditions in which pop-up windows might be a desirable effect. These situations usually fall under intranet applications rather than websites, where users need to work with browser chrome partially or completely turned off, or page refreshes aren’t necessary. Whether we’re working on intranet projects or building websites, as developers we must be able to address most of the problems associated with pop-ups.

    This article will show that, properly implemented, pop-up windows can be used without upsetting most people, particularly the person browsing our site, adding a powerful focusing effect to the contents of our Web applications. Let’s get started!

    More Design Usability Articles
    More By Alejandro Gervasio


       ·  The article deals with building pop-up windows. As mentioned on it, it'd be...
       · window.open('this.href') will try to find a file called this.href, the quotes are a...
       ·  Hello, You're right, quotes are my mistake. Should be read (this.href)...
       · On page 3 of the article there is something wrong with the content.Firefox...
       · Hello Mario,There are two additional semicolons in the JavaScript...
       · Hello,The whole function should work fine:<pre><html> </html>...
       · This function should work:<pre>createPopUp=function(){ ...
       · I found your article from Google and think it is very very useful to create friendly...
       · Thank you for the comments on this tutorial. Of course, I'm glad to know that it's...
       · I am now in the process of using your friendly pop ups, but being a bit of a...
       · Hello Brian,Thank you for commenting on my article. In response to your...
       · Firstly let me thank you... in spades.Sadly it did not work in that I got a...
       · Hi again Brian,Thanks you for your comments. I'm sorry my solution didn't work...
     

    DESIGN USABILITY ARTICLES

    - Create Great JavaScript and CSS Menus Simply
    - Design Principles that Shape a Web Site
    - Creating Aqua Style Images
    - Easy as A,B,C – dynamic A to Z indexes
    - EasyChart: a Usability Teaching Tool to Demo...
    - Building Friendly Pop-up Windows
    - Back to School: Design Usability
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - Using HTML_QuickForm To Manage Web Forms, Pa...
    - More Website Knick Knack
    - Browsers as Test Platforms
    - Website Knick Knack
    - Dynamic Page Elements-Cloak and Dagger Web D...
    - Accessibility and Dreamweaver MX 2004






    © 2003-2008 by Developer Shed. All rights reserved. DS Cluster 4 hosted by Hostway