CODEWITHSUNDEEP
javascripthtml
ExtJs User
ExtJs User

Reputation: 31

Can't open PDF on new tab using target="_blank"

How do I open PDF on a new tab, target="_blank" alone does not work it still open the pdf in the same tab.

Upvotes: 2

Views: 18050

Answers (3)

N.K
N.K

Reputation: 1690

You have to know: "_Blank" is not working as a "new tab" on every browser.

To do that, you have to use js like this:

<a href="..." onclick="javascript:windows.open('link', [options]);">Lnk</a>

(it will work on any browser, "_blank" will not)

EDIT: Of course, here the "link" in window.open will be the path to where your PDF file is stored.

EDIT2 (thanks to vlaz): Yep, it will work on any browser if JS is enabled, if he his not it will not.

Upvotes: 1

Sumit patel
Sumit patel

Reputation: 3903

Method-1 : HTML 

<a target="_blank" href="http://your_url_here.html">Link</a>

You can simply do that with setting target="_blank" for an example check this

More Details

Method-2 : Javascript

<a onclick="openInNewTab('Your URL');">Something To Click On</a>

function openInNewTab(url) {
  var win = window.open(url, '_blank');
  win.focus();
}

Upvotes: 2

Sefhi
Sefhi

Reputation: 23

Without your code is hard to tell what's wrong but did a fast test and this worked for me..

<a target="_BLANK" href="pdf/your_pdf.pdf">YOUR PDF</a>

Upvotes: 1

Related Questions