Objekt window
Objekt window odkazuje na aktuálne okno prehliadača. Tento objekt obsahuje iné objekty napr. document, location, history.
Vlastnosti
| Vlastnosť | Popis |
|---|---|
| closed | - nastaví sa na hodnotu true, keď bol objekt window zatvorený, inak obsahuje hodnotu false |
| defaultStatus | - definuje defaultný text v stavovom riadku |
| document | - odkaz na objekt dokument |
| frames | - obsahuje pole rámcov, ktoré sa nachádzajú v okne |
| history | - história navštívených stránok |
| location | - odkaz na objekt location |
| name | - meno okna |
| navigator | - odkaz na objekt navigator |
| opener | - odkaz na objekt window (nadradené okno), ktorý otvoril aktuálne okno, |
| parent | - nadradené okno rámu |
| screen | - odkaz na objekt screen |
| self | - odkazuje na aktuálne okno |
| status | - špecifikuje text vo stavovom riadku |
| top | - odkazuje sa na okno v najvyššej hierarchii okien |
Metódy
| Metódy | Popis | Syntax: |
|---|---|---|
| alert | - zobrazuje varovné okno | window.alert(“sprava”) |
| blur | - je opakom metódy focus(), ktorá slúži na zameranie kurzora | window.blur() |
| clearInterval | - zmaže časový interval nastavený metódou setInterval | window.clearInterval(id vrátené metódou setInterval) |
| clearTimeout | - zmaže nastavenie metodou setTimeout | window.clearTimeout(id vrátené metódou setTimeout) |
| close | - zavrie okno | close() |
| confirm | - zobrazí okno s tlačítkami ok a cancel | window.confirm(“správa”) |
| focus | - zameranie kurzora | focus() |
| moveBy | - posunie okno o x,y pixelov | window.moveBy(x,y) |
| moveTo | - posunie okno na nove suradnice x,y | window.moveTo(x,y) |
| open | - otvorí nové okno | window.open(parametre) |
| - vytlačí okno | window.print() | |
| promt | - zobrazí okno s riadkom na zadanie textu užívatela a s tlačidlami ok a cancel | window.promt(“správa”,”defaultný text”) |
| resizeBy | - zmení velkosť okna o x, y pixelov | window.resizeBy(x,y) |
| resizeTo | - zmení veľkosť okna na veľkosť x,y pixelov | window.resizeTo(x,y) |
| scrollBy | - posunie obsah okna o x,y pixelov | window.scrollBy(x,y) |
| scrollTo | - posunie obsah okna na novú pozíciu x,y | window.scrollTo(x,y) |
| setInterval | - nastavuje časový interval po ktorom sa opakovane spustí funkcia | window.setInterval(funkcia,milisekundy) |
| setTimeout | - nastavuje časový interval po ktorom sa spustí nejaká funkcia | window.setTimeout(funkcia, milisekundy) |
Udalosti
| Udalosť | Popis |
|---|---|
| onblur | - udalosť nastane ak objekt stratí zameranie kurzora |
| onerror | - udalosť nastane pri chybe kódu |
| onfocus | - nastane ak na objekte je zameraný kurzor |
| onload | - nastane po načítani celej stránky |
| onunload | - nastane pred zrušením dokumnetu |
Príklady na dialógové okná:
// <
")
}
function okno3(){
alert("pekný deň "+window.prompt("ako sa voláš?","nikto"))
}
function otvor(){
var okno = window.open("","okno","height=200,width=200");
okno.document.write("
function okno1(){
window.alert("toto je alert")
}
function okno2(){
if(window.confirm("chceš zmrzlinu?"))alert("tak si chod kúpiť
")}
function okno3(){
alert("pekný deň "+window.prompt("ako sa voláš?","nikto"))
}
function otvor(){
var okno = window.open("","okno","height=200,width=200");
okno.document.write("
nové okno
");
okno.document.close();
}
// ]]> // vytvorili sme ukážku alert
// vytvorili sme ukážku confirm
// vytvorili sme ukážku prompt
<script>
function okno1(){
window.alert(“toto je alert”)
}
function okno2(){
if(window.confirm(“chceš zmrzlinu?”))alert(“tak si chod kúpiť “)
}
function okno3(){
alert(“pekný deň “+window.prompt(“ako sa voláš?”,”nikto”))
}
</script>
<input type=”button” onclick=”okno1()” value=”ukážka alert” />
<input type=”button” onclick=”okno2()” value=”ukážka confirm” />
<input type=”button” onclick=”okno3()” value=”ukážka prompt” />
Príklad na otvorenie nového okna:
Na otvorenie nového okna používame metódu open.
Jej syntax je takáto:
window.open([url],[meno],[nastavenie okna],[nastavenie histórie])
url – url dokumentu, ktorý sa ma nahrať do okna
meno – meno okna
- _blank – dokument je v novom okne bez mena
- _media – dokument je nahratý do panelu Media Bar
- _parent – dokument je nahratý do aktuálneho rámu rodiča
- _search – dokument je otvorený vo vyhľadávacom panely
- _self – aktuálny dokument je nahradený definovaným dokumentom
- _top – dokument nahradí všetký rámy
nastavenie okna – zoznam položiek oddelených čiarkami, ktoré špecifikujú nové okno
- channelmode = yes | no | 1 | 0 – špecifikuje či sa má okno zobraziť v divadelnom móde, defaultne no
- directories = yes | no | 1 | 0 – špecifikuje zobrazenie tlačidiel adresára, defaultne yes
- height = číslo – definuje výšku okna v pixeloch
- left = číslo – definuje posunutie okna z ľava
- location = yes | no | 1 | 0 – špecifikuje zobrazenie poľa pre url adresu, defaultne yes
- menubar = yes | no | 1 | 0 – špecifikuje zobrazenie menu, defaultne yes
- resizable = yes | no | 1 | 0 – špecifikuje, či bude možné meniť veľkosť okna, defaultne yes
- scrollbars = yes | no | 1 | 0 – špecifikuje zobrazenie posuvníkov, defaultne yes
- status = yes | no | 1 | 0 – špecifikuje zobrazenie stavového riadku, defaultne yes
- titlebar = yes | no | 1 | 0 – špecifikuje zobrazenie záhlavia okna, defaultne yes
- toolbar = yes | no | 1 | 0 – špecifikuje zobrazenie panelu nástrojov, defaultne yes
- top = číslo – definuje posunutie okna z vrchu
- width = číslo – definuje šírku okna v pixeloch
nastavenie histórie – je to logická hodnota, ktorá nadobúda hodnoty:
- true – dokument nahradí aktuálny dokument v zozname histórie
- false – dokument si vytvorí prázdny zoznam histórie
<script>
function otvor(){
var okno = window.open(“”,”okno”,”height=200,width=200″);
okno.document.write(“<html><head><title>okno</title></head><body><h1>nové okno</h1></body></html>”);
okno.document.close();
}
</script>
…
<input type=”button” onclick=”otvor()” value=”nové okno” />
…
// vytvorili sme nové okno
function otvor(){
var okno = window.open(“”,”okno”,”height=200,width=200″);
okno.document.write(“<html><head><title>okno</title></head><body><h1>nové okno</h1></body></html>”);
okno.document.close();
}
</script>
…
<input type=”button” onclick=”otvor()” value=”nové okno” />
…
// vytvorili sme nové okno