Make any link with .pdf open in new window with jQuery?
25,500
Solution 1
To achieve this you can select any a
element which has a href
property ending with .pdf
, and add a target="_blank"
attribute to it. Try this:
$(function() {
$('a[href$=".pdf"]').prop('target', '_blank');
});
Solution 2
One way, assuming you want links not ending in pdf
to open in the same page:
$('a').click(
function(e){
e.preventDefault();
if (this.href.split('.').pop() === 'pdf') {
window.open(this.href);
}
else {
window.location = this.href;
}
});
Solution 3
jQuery one-liner:
$('a[href$=".pdf"]').attr('target','_blank');
Current Javascript:
for (let a of document.querySelectorAll("a")) {
if (a.href.match("\\.pdf$")) {
a.target = "_blank";
}
}
Older browsers :
var anchors = document.body.getElementsByTagName('a');
for (var i = 0; i < anchors.length; i++) {
if(anchors[i].getAttribute('href').match('\\.pdf$') {
anchors[i].setAttribute('target', '_blank');
}
}
Try it here : http://codepen.io/gabssnake/pen/KyJxp
Solution 4
<a onclick=ViewPdf(test.pdf) href="">
function ViewPdf(FileName) {
var url = '../Home/GetPDF?fileName=' + FileName;
window.open(url, '_blank');
}
Now write ActionResult like below
public ActionResult GetPDF(string fileName)
{
try
{
byte[] fileData = System.IO.File.ReadAllBytes(Functions.GetConfigValue("CDXFilePath") + fileName);
string resultFileName = String.Format("{0}.pdf", fileName);
Response.AppendHeader("Content-Disposition", "inline; filename=" + resultFileName);
return File(fileData, "application/pdf");
}
catch
{
return File(Server.MapPath("/Content/") + "FileNotFound.html", "text/html");
}
}
Author by
Digi Jeff
Updated on July 18, 2022Comments
-
Digi Jeff almost 2 years
How can I have all links with a
.pdf
file extension open in a new window using jQuery? I need to change this:<a href="domain.com/pdf/parkingmap.pdf">parking map</a>
In to this:
<a href="domain.com/pdf/parkingmap.pdf" target="_blank">parking map</a>
All files are in a
/pdf
folder if that helps.