× Aktuálně z oboru

SHIELD Experience Upgrade 7 – méně hledání a více zábavy [ clanek/2018052902-shield-experience-upgrade-7-mene-hledani-a-vice-zabavy/ ]
Celá zprávička [ clanek/2018052902-shield-experience-upgrade-7-mene-hledani-a-vice-zabavy/ ]

JavaScript – 8. lekce

[ http://programujte.com/profil/1100-tomas-bobek/ ]Google [ ?rel=author ]       [ http://programujte.com/profil/75-martin-zak/ ]Google [ :?rel=author ]       30. 3. 2006       25 949×

  • 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.


Článek stažen z webu Programujte.com [ http://programujte.com/clanek/2006030902-javascript-8-lekce/ ].