Otevφrßnφ oken

NovΘ okno m∙₧eme otev°φt snadno pomocφ HTML (viz Rßmy/UrΦenφ cφlovΘho okna). Ale pokud mßte zßjem vytvß°et novß okna urΦit²ch rozm∞r∙ anebo si nep°ejete, aby okno zobrazovalo standardnφ tlaΦφtka prohlφ₧eΦe a °ßdek adresy, pot°ebujete vylepÜit HTML trochou JavaScriptu. Tuto techniku pou₧ijete k
Otev°enφ precizn∞ °φzen²ch nov²ch oken.
M∙₧ete p°esn∞ specifikovat Üφ°ku a v²Üku okna. To vÜak nenφ vÜechno. M∙₧ete dßt prohlφ₧eΦi na v∞domφ, zda mß nebo nemß zobrazit tlaΦφtka menu a stavov² °ßdek pod nimi atd.
Jak otev°φt novΘ okno:

1. Do hlaviΦky strßnky umφst∞te funkci JavaScriptu: 

< SCRIPT language="JavaScript">

function OtevriOkno()
{
window.open('URL','jmΘno_okna',
' toolbar=0, location=0,scrollbars=0, resizable=0, 
top=odsazenφ_shora, left=odsazenφ_zleva,
width=Üφ°ka, height=v²Üka');
// text mezi ' ' piÜte do jednoho °ßdku
}
< /SCRIPT>
URL
- udßvß adresu dokumentu, kter² bude v okn∞ zobrazen. URL m∙₧e b²t prßdnΘ "". Pak se v okn∞ zobrazφ dokument uveden² v < A HREF="URL_dokumentu">.
jmΘno_okna
- udßvß jmΘno okna - volφte sami. Toto jmΘno_okna se pou₧ije jako cφl v < A ... Target="jmΘno_okna">. Pokud je okno jmΘno_okna ji₧ otev°enΘ, dokument se otev°e v tomto ji₧ otev°enΘm okn∞.
toolbar= 0|1
- urΦφ, zda mß b²t v okn∞ zobrazen panel nßstroj∙ (0 - ne, 1 - ano),
location= 0|1
- urΦφ, zda mß b²t v okn∞ zobrazena adresa ,
scrollbars= 0|1
- urΦφ, zda majφ b²t v okn∞ zobrazeny rolovacφ liÜty,
resizable= 0|1
- urΦφ, zda u₧ivatel m∙₧e m∞nit velikost okna.

top= Φφslo
- udßvß odsazenφ novΘho okna od hornφho kraje obrazovky,
left= Φφslo
- udßvß odsazenφ novΘho okna od levΘho kraje obrazovky,

width= Φφslo
- udßvß Üφ°ku okna,
height= Φφslo
- udßvß v²Üku okna,

2. V t∞le strßnky zavolßme funkci OtevriOkno:
V tagu < A> pou₧ijeme atribut OnClick:
< A HREF="URL_dokumentu" OnClick="OtevriOkno()" TARGET="jmΘno_okna" >

P°φklady:
Otev°enφ okna pomocφ HTML.
Otev°enφ okna pomocφ JavaScriptu:
Okno 1
Okno 2
Okno 3
Okna se automaticky uzav°ou za 30 sekund.

P°φklad 
V hlaviΦce:
< SCRIPT language="JavaScript">
function OtevriI()
{
window.open("","oi",' toolbar=1, location=1,scrollbars=1, resizable=1, 
top=0, left=0,
width=150, height=150');
}
function OtevriII()
{
window.open("","oii",' toolbar=0, location=0,scrollbars=1, resizable=1, 
top=0, left=0,
width=150, height=150');
}
function OtevriIII()
{
window.open("","oiii",' toolbar=0, location=0,scrollbars=0, resizable=0, 
top=200, left=200,
width=170, height=190');
}
< /SCRIPT>
V odkazech:
< A HREF="obrazek.gif" OnClick="OtevriI()" target="oi">Okno 1< /A>
< A HREF="obrazek.gif" OnClick="OtevriII()" target="oii">Okno 2< /A>
< A HREF="obrazek.gif" OnClick="OtevriIII()" target="oiii">Okno 3< /A>
ZaΦßtek
DalÜφ
Zp∞t