jQuery: Grafické označení externích odkazů a jejich otevření v novém okně - příklad

• Úvodní stránka Profi magazínu
• Tvorba www stránek
• Tvorba XHTML/CSS šablon
• Windows XP/Vista, software, hry
• Zpět na článek jQuery: Grafické označení externích odkazů a jejich otevření v novém okně

jQuery skript:

$(document).ready(function() {
  $('a').filter(function() {
    return this.hostname && this.hostname !== location.hostname;
  }).addClass('external')
  .click(function() {
    window.open(this.href);
    return false;
  });
});

V příkladu použitá CSS definice:

.external { background: url(/labs/design/external.gif) top right no-repeat; padding: 0 12px 0 0; color:#ed2024; }  
.external:hover { color:#ed2024; }

Použitý ikona pro externí označení externího odkazu: