Back to Tutorial

Open Links and PDFs in New Windows Script

Lorem ipsum dolor sit amet, this documentconsectetuer adipiscing elit. Sed orci ipsum, porta vulputate, tristique nec, pellentesque ac, lorem. An old post Fusce in arcu vel ipsum imperdiet placerat. Donec eget justo. Nam mi purus, An old website consectetuer ac, mollis a, tincidunt eget, eros. Phasellus vestibulum. Curabitur quis libero. Mauris eget nulla eget felis pulvinar blandit. Quisque commodo, leo non rhoncus aliquet, erat pede ultricies est, at ornare est pede in tortor. Vestibulum est orci, ultrices vitae, consequat id, sodales dictum, nisl. Ut eget eros bibendum risus dictum aliquam. In hac habitasse platea dictumst. Etiam id libero eget risus accumsan rutrum.

Javascript:

{Download Javascript}

function newWindows(){
  if(!document.getElementById) return;
  if(!document.getElementsByTagName) return;
  if(!document.createElement) return;

  myURL = 'willworkforart.net';
  if(!document.getElementsByTagName('a')) return;
  var contentArea = document.getElementById('mainContent');
  var myLinks = contentArea.getElementsByTagName('a');

  for (i=0; i<myLinks.length; i++){
    var linkURL = myLinks[i].getAttribute('href');
    if (linkURL.match('\.pdf') == '.pdf') {
      myLinks[i].setAttribute('title', 'Open PDF in a New Window');
      myLinks[i].target="_blank";
    
    var newSpan = document.createElement('span');
    newSpan.className = "pdfLink";
    newSpan.innerHTML = " ";
    myLinks[i].appendChild(newSpan);
    }
    else if(linkURL.match(myURL) != myURL){
      myLinks[i].setAttribute('title', 'Open Link in a New Window');
      myLinks[i].target="_blank";

      var newSpan = document.createElement('span');
      newSpan.className = "newWindow";
      newSpan.innerHTML = " ";
      myLinks[i].appendChild(newSpan);
    }
  }
}

window.onload = newWindows;

CSS:

.pdfLink {
  margin-right:3px;
  padding-right:19px;
  background: url(../img/pdfLink.gif) right center no-repeat;
}

.newWindow {
  margin-right:3px;
  padding-right:15px;
  background: url(../img/newWindow.gif) right center no-repeat;
}

Image Assets:

New Window GraphicPDF graphic

Creative Commons License
Open Links and PDFs in New Windows Script by Bradley J. Cooper is licensed under a Creative Commons Attribution-Share Alike 3.0 United States License.