Externe Links in neuem Fenster öffnen - einfach mit jquery

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)

$(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();
});
[/php]

Neuen Kommentar schreiben

Plain text

  • Keine HTML-Tags erlaubt.
  • Internet- und E-Mail-Adressen werden automatisch umgewandelt.
  • HTML - Zeilenumbrüche und Absätze werden automatisch erzeugt.
Image CAPTCHA
Enter the characters shown in the image.