Popup Window Without Chrome (No Toolbars, Menu bars etc)

Posted on 2008-11-15
Last Modified: 2013-11-19
There are a few ways to open a popup window using javascript, but some methods are more accessibility friendly and cross browser compatible than others.

We would like to link to a 3rd party site, open the link in a new window, without any toolbars, menu bars etc, just the bare minimum.  The site we are linking to has it's own body onload function to resize the window to a certain dimension so we probably don't need to think about that aspect, except opening the new window without the chrome.

I have seen various examples online in the past but am not sure how to create one for this specific situation.  Here is what would be considered a bad example, and a good example.

Bad example:

<a href="javascript:somefunction('')">popup</a>

Good example:

<a id="popup" href="" target="_blank">popup</a>

In the 'bad' example, with javascript turned off, the link becomes a total dud.  In the second better example, the link still goes through to the intended site, except that the javascript function to remove the toolbars etc will not take place - which is not as ideal but the content is still accessible, which is what counts.

If this makes sense and you have a solution that is similar to the second example above, please share your code for it.  Thanks.
Question by:thyros
    LVL 4

    Expert Comment

    in the link7.htm you can write as:
    window.personalbar = false;
    window.toolbar = false;
    window.scrollbars = false;
    window.statusbar = false;

    Open in new window


    Author Comment

    Unfortunately, the link7.htm is hosted on a third party server so I would not be able to add that code to their site.  If you have any javascript examples which are hosted on our original site where the outgoing link is, that would be appreciated, thanks.
    LVL 4

    Expert Comment

    then I don't know any solutions without JS. but you can just add <noscript>activate JS</noscript> tags and tell user to activate JS.

    Accepted Solution


    I found an unobtrusive and accessible javascript based solution here:

    It does everything I described in the initial post.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    What Should I Do With This Threat Intelligence?

    Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

    Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
    Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
    The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
    The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

    794 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    16 Experts available now in Live!

    Get 1:1 Help Now