Valid új ablakba nyíló hyperlink jQuery segítségével
May 20th, 2008
Biztos sokakban felmerült már a kérdés, hogy hogyan lehet olyan hyperlink-et készíteni ami új ablakban nyílik meg, mégis valid.
Ugyebár megvan a lehetőség HTML segítségével új ablakba nyíló hivatkozás készítésére, de sajnos a hyperlink-nek nincs valid target attributuma.
A kellő eredményt hozza a következő kódrészlet, de nem sajnos nem lesz valid:
-
<a href="http://drupal.org/" title="http://drupal.org/" target="_blank">drupal.org</a>
Én a megoldásra a jQuery JavaScript könyvtárat használom. Ez amúgy alapól benne van a Drupal CMS-ben. Egy nagyon egyszerű eljárást alkalmazok:
Azokat a hyperlink-ekekt amiket új ablak szeretnénk megnyitni elhelyezem a new_window osztályba, és az oldal betöltődésekor a jQuery segítségével helyettesíthetem a target=”_blank” paramétert.
-
<script type="text/javascript">
-
$(document).ready(function() {
-
$('a.new_window').click(function(){
-
window.open(this.href);
-
return false;
-
});
-
});
-
</script>
-
-
<a class="new_window" href="http://drupal.org/" title="http://drupal.org/">drupal.org</a>
