Ez egy Kecs.es blog webfejlesztési ötletek, tanácsok, észrevételek

Link megnyitása új ablakban valid xHTML kód mellett

Mint gondolom sokan észrevettétek, az xHTML 1.x szabványból a W3C kihagyta az anchor tagok target paramétert. Így lehetetlenné vált olyan szabványos xHTML kódot készíteni amiben a linkek új ablakban nyílnak meg. Jelenlegi írásom ezt hivatott kijavítani.

A megoldáshoz jQuery-t használok majd, és így elég gyorsan és könnyen meg lehet oldani.

A javascript amire szükségünk van:

  <script type="text/javascript">
    $(document).ready(function(){
      $('a.out').each(function(){
        $(this).attr({ 
          target: "_blank"
        });
      });
    });
  </script>

Továbbá azon linkeket melyeket új ablakban szeretnénk megnyitni, már csak egy class="out" paraméterrel kell ellátnunk.

  <a href="domain.tld" class="out">domain.tld</a>

Majd a kódunk eredménye látható is az oldal betöltése után:

  <a href="domain.tld" class="out" target="_blank">domain.tld</a>

Ezzel a pici trükkel a böngészők értesülnek arról, hogy azt szeretné a webfejlesztő, hogy a link úja ablakban nyíljon meg, s ennek eleget is tesznek. S a kód is valid lesz, a módosítás utólagos, melyet egyetlen validátor sem ellenőriz, hiszen a javascripteket nem futtatják le.