Objekty

Domov
Výpisy
Premenné
Dialógové okná
Tlačidlá
.Podmienky a vetvenie
Cyklus
Funkcie
Objekty
Objekt Array
Objekty tvorené užívateľom
Objekt Date
Objekt Math
Formuláre
Objekty formulárov
Ďalšie objekty formulára
Obrázky
Obrázky-2
Stavový riadok
Popis v stavovom riadku
Animovaný text
Hodiny
Skladačka
Linky

8. Objekty

Javaskripty využívajú objektové programovanie. Objekty používame na štrukturované zobrazenie dát. S niektorými objektami sme sa už stretli - napr. document ( v 1. časti - document.write() ) Objekty majú svoje vlastnosti - určité hodnoty ; metódy - funkcie, ktoré umožňujú prístup k dátam a prípadne ich meniť a udalosti, ktorými možno riadiť objekty.

Príklad:

objekt ziak má prvky (vlastnosti) - meno, priezvisko

Jednotlivé hodnoty možno priradiť ziak.meno="Janko";

ziak.priezvisko="Hraško";

alebo with (ziak) {

meno="Janko"

priezvisko="Hraško"

}

Objekt window predstavuje okno prehliadača. Má zvláštne postavenie, niekedy možno pri volaní jeho metód aj vynechávať slovo window. To sme už využili pri otváraní okien pomocou metód alert(), confirm() a prompt(). Dôležitými metódami sú open() - otvorenie okna a close() - zatvorenie okna.

<html>

<head>

var mojeokno;

function otvorenieokna(){

mojeokno=window.open("okno.htm", "okno","width=300,height=200, scrollbars=yes");

}

</script>

</head>

<body>

<form>

<input type="button" value="okno" onclick="otvorenieokna()">;

</form>

</body>

</html>

Príklad:

Otvorte nové okno pomocou metódy windows.open()

V hlavnej stránke je objekt button, ktorý po stlačení aktivuje funkciu otvorenieokna() .

V tejto funkcii je deklarovaná premenná mojeokno, ktorému je priradená metóda window.open()-možno použiť aj bez objektu window.

Vlastnosti okna sú definované pomocou width - šírka, height -výška, scrollbars=yes - posunovník

Okno možno dať zatvoriť podobným spôsobom, t.j. vytvorením funkcie alebo priamo do tohto dokumentu ("okno.htm") vložiť hyperlinku v tvare <a href="javascript:close()">späť</a>

Objekt document je vytváraný značkou <body> v HTML. Tu sú uložené všetky dôležité informácie, ktoré potrebuje prehliadač, aby mohol dáta stránky zobraziť. Niektoré jeho vlastnosti :

lastModified	dátum poslednej aktualizácie
height	výška zobrazenéhp dokumentu
width	šírka zobrazenéhp dokumentu
bgColor	farba pozadia
vlinkColor	farba navštíveného odkazu
applets	pole s objektami Applet, ktoré sú na stránke definované
domain	meno domény serveru, od ktorej pochádza dokument
URL	adresa URL zobrazenej stránky
title	text zobrazený na titulnom riadku prehliadača po otvorení stránky
links	pole s objektami link, definovanými na tejto stránke
forms	pole s objektami form, definovanými na tejto stránke

Niektoré metódy objektu document:

write()	vypíše reťazec znakov
writeln()	vypíše reťazec znakov a na konci zalomí riadok
open()	otvára dokument
close()	uzatvára dokument
handleEvent()	touto metódou možno vykonať určitú udalosť
getSelection()	vracia text vybraný v dokumente

Podporované ovládače akcií:

onClick, onDblClick, onKeyPress -stlačenie klávesy, onMouseDown, onMouseUp - uvoľnenie tlačidla myši

Úlohy:

Napíšte program s 2 tlačidlami, ktoré otvoria a zatvoria okno.
Napíšte program, ktorý otvorí 2 okná s odkazmi na stránky.

Riešenie

späť pokračovanie