JavaScript – 8. lekce
 x   TIP: Přetáhni ikonu na hlavní panel pro připnutí webu
Reklama
Reklama

JavaScript – 8. lekceJavaScript – 8. lekce

 

JavaScript – 8. lekce

Google       Google       30. 3. 2006       24 883×

  • Vlastnosti oken
  • Náhodné akce
  • Eval

Reklama
Reklama

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.

×Odeslání článku na tvůj Kindle

Zadej svůj Kindle e-mail a my ti pošleme článek na tvůj Kindle.
Musíš mít povolený příjem obsahu do svého Kindle z naší e-mailové adresy kindle@programujte.com.

E-mailová adresa (např. novak@kindle.com):

TIP: Pokud chceš dostávat naše články každé ráno do svého Kindle, koukni do sekce Články do Kindle.

4 názory  —  4 nové  
Hlasování bylo ukončeno    
0 hlasů
Google
(fotka) Tomáš BobekAutor je designérem stránek (2D grafika), ovládá jazyky HTML, CSS, PHP, JavaScript a zajímá se o programování v Javě.Krom programujte.com se podílí na projektech maths.cz (jako redaktor a grafik), ceskewebstudio.cz (jako designér) a webber.cz (jako JavaScript scriptař). Ostatní volný čas rád tráví s přáteli nebo sportuje (tenis, nohejbal, hokejbal, závodně fotbal).
Web     Twitter     Facebook    

Nové články

Obrázek ke článku GoPay uvede automatické čtení údajů z dokladů, použije řešení studenta, který s ním uspěl v IT SPY

GoPay uvede automatické čtení údajů z dokladů, použije řešení studenta, který s ním uspěl v IT SPY

Vymyslet aplikaci, která pohodlně vyčte data z identifikačních dokladů, aby je jejich držitel nemusel složitě přepisovat. To byl jeden z prvních úkolů Miroslava Bartyzala, když nastoupil jako juniorský Java programátor do GoPay. Bartyzal nakonec projektu, který mu zabral více než 2200 hodin, věnoval svou diplomovou práci na Přírodovědecké fakultě Jihočeské univerzity.

Reklama
Reklama
Obrázek ke článku Studium MBA zvýší manažerům v IT hodnotu na trhu práce

Studium MBA zvýší manažerům v IT hodnotu na trhu práce

Investice do kvalitního vzdělání se vyplatí, a to jak v osobní, tak v profesionální rovině. Prestižní titul MBA otevře absolventům vysokoškolského studia cestu k mnoha atraktivním pracovním pozicím a potažmo i vyšším příjmům. Zvlášť, pokud dovedou nastudovanou teorii převést přímo do praxe a využít ji při komunikaci i řešení problémů.

Obrázek ke článku Co nám přinese technologický rok 2019? Podle Cisco bude směr určovat těchto 6 trendů

Co nám přinese technologický rok 2019? Podle Cisco bude směr určovat těchto 6 trendů

Kam se bude ubírat technologický vývoj? Společnost Cisco představila 6 trendů, které budou v příštím roce měnit svět a podobu moderních firem. Ty se v roce 2018 podle očekávání zaměřily na lepší využití dat, kterých dnes shromažďují velké objemy. Pro mnohé byla prioritou optimalizace a správa multicloudových prostředí, stejně jako snaha integrovat zabezpečení již na základní úrovni infrastruktury. Žádný z těchto trendů v příštím roce nejspíš nepomine. Přibudou ale další.

Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032019 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý