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

JavaScript – 8. lekceJavaScript – 8. lekce

 
Hledat
Moderní platforma pro vytvoření vašeho nového webu – Wix.com.
Nyní už můžete mít web zdarma.
Vybavení pro Laser Game
Spuštěn Filmový magazín
Laser Game Brno
Laser Game Ostrava

JavaScript – 8. lekce

Google       Google       30. 3. 2006       25 195×

  • 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 Otevřené bankovnictví usnadní život nejen jednotlivcům, ale i firmám.

Otevřené bankovnictví usnadní život nejen jednotlivcům, ale i firmám.

Většina lidí by ráda obsluhovala své bankovní účty z jednoho místa. Díky evropské směrnici o platebních službách PSD2 by se brzy mohlo jednat o realitu. Některé tuzemské banky již služby takzvaného otevřeného bankovnictví umožňují, nejpozději od září by měly svá API rozhraní zpřístupnit vývojářům třetích stran. To otevírá prostor pro fintech firmy a start-upy, ale třeba i vývojáře ERP a fakturačních systémů, kteří by díky propojení svých produktů s bankami významně ulehčili klientům při správě financí.

Reklama
Reklama
Obrázek ke článku Velké srovnání TOP e-shopových řešení!

Velké srovnání TOP e-shopových řešení!

Předmět případové studie je ​středně velký e-shop​ s počtem produktů do 5 000, který chce expandovat na slovenský trh a potřebuje ​druhou jazykovou mutaci v eurech ​na vlastní doméně.

Výběr vhodného systému závisí na mnoha aspektech a měl by být pečlivě zvážen na základě potřeb a konkrétních požadavků plánovaného nebo migrovaného e-shopu.

Obrázek ke článku Master Data Management a jak nám pomůže

Master Data Management a jak nám pomůže

Master Data (česky také kmenová data) jsou data sdílená napříč různými systémy, nemění se příliš často a netransakční. Jedná se o informace o obchodních partnerech, produktech, vlastních pracovnících. Objednávky, faktury, účetní zápisy do této oblasti nespadají.

Obrázek ke článku Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo zajistí městskou logistiku pro RunCzech

Startup DoDo se stává důležitým partnerem RunCzecha na významných běžeckých závodech včetně 25. ročníku Volkswagen Maratonu Praha se bude starat o logistické zázemí. Lídr v oblasti městské logistiky bude mimo jiné zásobovat občerstvovací stanice a pomůže rovněž se zajištěním televizních přenosů ze závodů.

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