Testování podpory směrování odkazů do nového okna JavaScriptem

(zaměřeno na podporu v IE6, IE7, IE8, Firefox 3, Opera 9 a Safari 3)

V syntaxi jazyků XHTML 1.0 Strict a XHTML 1.1 není povolen atribut target. Pokud tedy chcete tento šikovný atribut používat, je nutné v hlavičce webu zvolit jazyk XHTML 1.0 Transitional (resp. Frameset, viz 1. příklad) nebo řešit směrování odkazů např. do nových oken pomocí JavaScriptu (viz příklady 2-8). Tento způsob generování nových oken má oproti atributu target jednu výhodu - okna mohou mít přesnou velikost, umístění a nemusí obsahovat často zbytečné rolovací pásy, menu, stavový řádek, navigační lištu apod. Všechny uvedené varianty fungují ve všech testovaných prohlížečích již dobře.

1. Odkaz pomocí target do klasického nového okna (panelu)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <a href="http://www.seznam.cz" target="_blank" title="Textový odkaz">Odkaz</a>

nebo

<a href="http://www.seznam.cz" target="_blank" title="Grafický odkaz">   <img src="seznam.gif" alt="Grafický odkaz" border="0" /> </a>

2. Input tlačítko, aktivace okna pomocí události onSubmit

<form onSubmit="window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');return false;">   <input type="submit" value="Nové okno" /> </form>

3. Button tlačítko, aktivace okna pomocí události onSubmit

<form onSubmit="window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');return false;">   <button type="submit">Nové okno</button> </form>

4. Input tlačítko, aktivace okna pomocí události onClick

<form OnClick="window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');return false;">   <input type="button" value="Nové okno" /> </form>

5. Button tlačítko, aktivace okna pomocí události onClick

<form onClick="window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');return false;">   <button type="button">Nové okno</button> </form>

6. Odkaz do nového okna aktivovaný interním JavaScriptem

<a href="javascript:window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');void(0)">   Odkaz </a>

7. Odkaz do nového okna aktivovaný externím JavaScriptem

<script language="JavaScript" type="text/javascript">    </script> <a href="javascript:seznam('http://www.seznam.cz');">Odkaz</a>

8. Místo textu může být odkazem v obou předchozích příkladech samozřejmě i obrázek

<a href="javascript:window.open('http://www.seznam.cz','seznam','width=400,height=400,left=200,top=100,scrolling=no,resizable=no,menubar=no,location=no,statusbar=no');void(0)">   <img src="seznam.gif" alt="Seznam" border="0" /> </a>

pepe © 2006