Archiwum tagu: nowe okno

Otwieranie linków w nowym oknie

Dość często pojawia się pytanie?

Jak zrobić by link podany w tekście notatki otwierał się w nowym oknie?

Jest taki sposób! :) Co więcej, jest bardzo ciekawy, a przede wszystkim przydatny, bo bez potrzeby ingerowania w kod strony automatycznie nadaje wszystkim linkom wychodzącym z serwisu atrybut target=”_blank”.

jquery_30

Działanie poniższego kodu jest bardzo proste. Nie sprawdza on domen, adresów IP itp. Wyszukuje on po prostu linki, których atrybut href rozpoczyna się od ciągu znaków http://, ale jednocześnie nie znajduje się w domenie strony, na której umieszczony jest link.

$("a[href^='http://']").each(function(){
     var thehref = $(this).attr('href');
     if(!thehref.match(window.location.host)){
        $(this).attr('target', '_blank');
     }
});

Po prostu wystarczy dodać kilka linijek kodu do pliku ze skryptami JavaScript lub wewnątrz tagów <script></script>, a wszystko zadziała.

Sprawdź! :)

źródło: blog.ibeq.pl