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       23 211×

  • 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 NEWTON Media prohledá 200  milionů mediálních zpráv během sekund díky Cisco UCS

NEWTON Media prohledá 200 milionů mediálních zpráv během sekund díky Cisco UCS

Česká společnost NEWTON Media provozuje největší archiv mediálních zpráv ve střední a východní Evropě. Mezi její zákazníky patří například ministerstva, evropské instituce nebo komerční firmy z nejrůznějších oborů. NEWTON Media rozesílá svým zákazníkům každý den monitoring médií podle nastavených klíčových slov a nabízí online službu, kde lze vyhledat mediální výstupy v plném znění od roku 1996.

Reklama
Reklama
Obrázek ke článku Delphi 10.1.2 (Berlin Update 2) – na co se můžeme těšit

Delphi 10.1.2 (Berlin Update 2) – na co se můžeme těšit

Touto roční dobou, kdy je zem pokrytá barevným listím a prsty křehnou v mrazivých ránech, se obvykle těšíme na zbrusu novou verzi RAD Studia. Letos si však ale budeme muset počkat na Godzillu a Linux až do jara. Vezměme tedy za vděk alespoň updatem 2 a jelikož dle vyjádření pánů z Embarcadero se budou nové věci objevovat průběžně, pojďme se na to tedy podívat.

Obrázek ke článku Konference: Moderní datová centra pro byznys dneška se koná už 24. 11.

Konference: Moderní datová centra pro byznys dneška se koná už 24. 11.

Stále rostoucí zájem o cloudové služby i maximální důraz na pružnost, spolehlivost a bezpečnost IT vedou k výrazným inovacím v datových centrech. V infrastruktuře datových center hraje stále významnější roli software a stále častěji se lze setkat s hybridními přístupy k jejich budování i provozu.

Obrázek ke článku Konference: Mobilní technologie mají velký potenciál pro byznys

Konference: Mobilní technologie mají velký potenciál pro byznys

Firmy by se podle analytiků společnosti Gartner měly  rychle přizpůsobit skutečnosti, že mobilní technologie už zdaleka nejsou horkou novinkou, ale standardní součástí byznysu. I přesto - nebo možná právě proto - tu nabízejí velký potenciál. Kde tedy jsou ty největší příležitosti? I tomu se bude věnovat již čtvrtý ročník úspěšné konference Mobilní řešení pro business.

loadingtransparent (function() { var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s); })();
Hostujeme u Českého hostingu       ISSN 1801-1586       ⇡ Nahoru Webtea.cz logo © 20032016 Programujte.com
Zasadilo a pěstuje Webtea.cz, šéfredaktor Lukáš Churý