www.webdeveloper.com
Results 1 to 7 of 7

Thread: problems with target="_blank" and target="_tab" in chrome

  1. #1
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    125

    problems with target="_blank" and target="_tab" in chrome

    I am trying to open a link in a new window in chrome! but discovered that target="_blank" doesn't work in chrome.
    I read a suggestion to use _tab instead.

    The problem I have is the html5 validator shows tab as an error as it is a reserved word.

    Is there a way to open a new window with html and css that works in all browsers?

    The links are to another site and I am unable to edit that to put in a back link.

    This is the code with the problem

    HTML Code:
    <div class="cntnr-105">
    <a href="http://fineartamerica.com/art/all/landscape/acrylic+prints" target="_tab" >landscape acrylic prints</a>
    </div>

  2. #2
    Join Date
    Mar 2012
    Posts
    1,662
    Using target="_blank" is standard, and understood by all major PC browsers. The problem is that mobiles in general, and smartphones in particular, do not support multi-tasking, and opening separate windows or tabs is a form of multi-tasking.

    There are ways of detecting what sort of client is accessing the page, and give different instructions accordingly, but it is simplest not to use target="_blank".
    Last edited by jedaisoul; 10-14-2013 at 05:14 PM.

  3. #3
    Join Date
    Sep 2008
    Location
    Akron, OH
    Posts
    1,133
    target="_blank" should work in Chrome.
    I'm always up for networking with fellow web professionals. Connect with me on LinkedIn if you like!

  4. #4
    Join Date
    Sep 2013
    Posts
    221
    Try out with the below example code for html5:
    <a href="http://chriscoyier.net" target="_blank">This link will open in new window/tab</a>

    and for Jquery can try with the below one:
    $("#content a[href^='http://']").attr("target","_blank");

    Hope this helps.
    strad solutionswww.stradsolutions.com

  5. #5
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,217
    The target="" attribute always is misused because browsers are still reacting to it incorrectly. Sites do not control how links are opened in a web page. The links are set by the users' browsers' settings for Tabs. Or, they can right click any link and select to open in a new window or tab from the popup Context Menu. If you want a correct way, which is not always reliable depending on JS being enabled in the browser, use:

    Open new window:

    onclick="window.open (this.href, ''); return false"

    Avoid forcing to open in a new window: http://www.webnauts.net/new-window.html
    Force links to open in new window: http://www.knowlegezone.com/pages/document.aspx?item=9
    Last edited by Major Payne; 10-15-2013 at 07:35 PM.

  6. #6
    Join Date
    Jul 2012
    Location
    Vantaa, Finland
    Posts
    125
    Thanks for the replies.

    Maybe I should have said that the link is to open another website.

    In view of the comments made about multi tasking and mobile devices I removed the target!

    Personally though I get annoyed when i'm on a pc and links like this don't open in new windows, especially when you can't use the browser back arrow to return to where you have come from.

  7. #7
    Join Date
    May 2005
    Location
    Gold Coast (MS)
    Posts
    2,217
    Quote Originally Posted by tony webb View Post
    Personally though I get annoyed when i'm on a pc and links like this don't open in new windows, especially when you can't use the browser back arrow to return to where you have come from.
    You can either set your browser's options to always open a new tab/window or use the hot keys for your browser.

    Example, Firefox uses Ctrl + click to open a link on a page in a new tab. Key strokes aren't always used as the Tab options are set to open links on a web page and switch to it immediately. If I want to open the link in a new window, then it is Shift + click. A mouse with a middle wheel will have other options you can set.

    There's just no need to use the target="" attribute unless you are using frames of some kind or some script requires it.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles