Externe Links in neuem Fenster öffnen - einfach mit jquery

18.08.2008
 von Lukas Fischer
 | 0 Kommentare

Der folgende Code einfach in den Headerbereich des HTML Dokumentes kopieren und schon werden alle externen Links mit dem Attribut "_blank" ergänzt. Wichtig, jquery muss included sein. (www.jquery.com)

<?php
$(function() {
$(
'a[@href^=http]').not('[@href*=netnode.ch]').addClass('external-link').click(function()  
    {
        
window.open(this.href'_blank');
        return 
false;
    });
});
?>

Falls die Funktion auch bei Content der via AJAX nachgeladen wird greifen sollte muss man auf den entsprechenden Event hören und die Methode nochmals ausführen.

<?php
$(document).ready(function(){
    
createBlankExternalLinks();
});

function 
createBlankExternalLinks() {
$(
'a[@href^=http]').not('[@href*=netnode.ch]').addClass('external-link').click(function() {
        
window.open(this.href'_blank');
        return 
false;
    });
}

 $().
ajaxStop(function(){
     
createBlankExternalLinks();
 });
?>
Bild-CAPTCHA
Bitte die Zeichen die auf dem Bild zu sehen sind eingeben.