jQuery - Externe links en bestanden


Met de onderstaande code pak je alle links op een pagina die verwijzen naar een externe website en deze worden dan voorzien van target="_blank" om er voor te zorgen dat deze links altijd in een nieuw venster openen. Op deze manier zorg je er dus voor dat deze sites altijd in een nieuw venster openen op moment dat je dit zelf was vergeten om te doen.

In het onderstaande geval wordt er tevens een extra classnaam 'extern' toegevoegd in het geval dat je de link wilt voorzien van bijvoorbeeld een bepaald icoon of andere specifieke opmaak om aan te geven dat de betreffende website in een nieuw venster wordt geopend.

$(document).ready(function() {
        $('a').filter(function() {
                return this.hostname && this.hostname !== location.hostname;
        }).attr("target","_blank").addClass("extern");
});

Bestanden

Op een vergelijkbare manier kun je eenvoudig classnamen toevoegen aan links waarin bepaalde bestanden worden aangeroepen zoals PDF en Word bestanden. In het onderstaande geval wordt er dan een classnaam toegevoegd en zodoende kun je dan een icon toevoegen middels CSS. Al kan er ook een icoon met jQuery worden ingevoegd.

$(document).ready(function() {
        $("a[href$='.pdf']").addClass("pdf");
        $("a[href$='.doc']").addClass("doc");
});