TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
- Vlastnosti oken
- Náhodné akce
- Eval
Vlastnosti oken
| Vlastnost | Popis |
| closed | kontroluje, zda bylo okno zavřeno |
| defaultstatus | vkládá implicitně nastavený stavový řádek |
| lenght | udává počet rámců v okně |
| name | udává název okna |
| offscreenbuffering | pracuje s aktualizací okna |
| opener | okno, ve kterém bylo otevřeno naše okno |
| parent | okno, ve kterém jsou definovány rámy |
| self | pracuje s aktuálním oknem |
| status | nstavuje text stavového řádku |
| close() | zavře dané okno |
| open() | otevře (vytvoří) dané okno |
| moveby(x,y) | posune okno o x,y pixelů |
| moveto(x,y) | posune okno na x,y pixelů |
| print() | vytiskne obsah okna |
| resizeby(x,y) | změní velikost okna o x,y pixelů |
| resizeto(x.y) | změní velikost okna na x,y pixelů |
| Příkaz okna | Typ okna |
| alert(vlastnosti) | výstražné okno |
| confirm | okno vracející true nebo false |
| prompt | okno pro odesílání hodnot |
Náhodné akce
V této kapitole si ukážeme, jak náhodně vybírat a používat prvky nějakého pole. Ukážeme si příklad náhodné změny barvy jednoho odstavce.
Do hlavičky píšeme:
<script language="JavaScript" type="text/javascript">
function zmena_barvy(){
barva = new Array("darkred", "silver", "#7F8000", "green", "purple", "#FFCB00");
x = Math.round(Math.random()*5);
document.all.odstavec.style.color = barva[x];
}
</script>
A do těla dokumentu:
<span id="odstavec">Text měnící barvu.</span>
<input type="button" onclick="zmena_barvy()" value="Změň barvu">
A výsledek? N o otestujte si sami (klikejte víckrát):
Text měnící barvu
Vysvětlivky:
- new Array – viz 4. lekce – sekce Pole
- Math.round – okruh, ve kterém se budeme pohybovat
- Math.random – specifikace náhodného výběru
- *5 – udává, u kterého prvku pole skončíme (začíná se od nuly)
- document.all… – vysvětlili jsme si u funkcí
Eval
Eval je jednoduchá funkce, která nám vypočítá zadaný matematický údaj.
ukážeme si jako příklad kalkulačku:
<form name="formular">
<input type="text" value="Výraz" name="kalkulacka" size="20">
<input type="button" value="Vypočítej" onclick="alert(eval(document.formular.kalkulacka.value))">
</form>
Račte si to zkusit sami.
Něco k vysvětlení:
- document.formular.kalkulacka.value – říká, že bereme výraz z formuláře 'formular' a z kolonky 'kalkulacka'
Úkol
Udělejte stránku, ze které se spustí okno, kde bude jedna kolonka a tlačítko počítající příklady a další tři tlačítka: 1. tlačítko rozšíří a prodlouží okno o 10 px, 2. tlačítko posune okno o 10 px dolů a o 10 px doprava, 3. tlačítko okno zavře.
