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.
Vytvořte si vlastní webové stránky. Snadno, rychle a levně přes Saywebpage.com
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 638×

  • 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 Jak na push notifikace pro backend vývojáře

Jak na push notifikace pro backend vývojáře

Obě hlavní mobilní platformy, tedy Android i iOS, podporují posílání zpráv z backendu do mobilního zařízení formou push notifikace. V 99% případů se jedná o jedinou správnou cestu, jak aplikaci ze serveru poslat nějaká data - spolehlivé a rychlé push notifikace optimalizované na spotřebu baterie. Tento článek se věnuje pouze službě Firebase Cloud Messaging, která je vlastněná Googlem

Reklama
Reklama
Obrázek ke článku Předvídání extrémních výkyvů počasí v Evropě bude přesnější díky novému počítači Atos BullSequana

Předvídání extrémních výkyvů počasí v Evropě bude přesnější díky novému počítači Atos BullSequana

Předpověď na 15 dní dopředu s přesným rozlišením 10 km dokáže superpočítač zpracovat za méně než hodinu. Společnost Atos, světový lídr v oblasti digitální transformace, dodá Evropskému středisku pro střednědobé předpovědi počasí (ECMWF) nový superpočítač BullSequana XH2000, který je jedním z nejsilnějších meteorologických superpočítačů na světě. 

Obrázek ke článku 18+ věcí, které by měl dobrý iOS vývojář zvládat

18+ věcí, které by měl dobrý iOS vývojář zvládat

Začátky jsou vždy v každém oboru nejtěžší a hodně času zabere se vůbec v tématu zorientovat. Jinak tomu není i pří vývoji na iOS zařízení. Proto jsme vytvořili článek pro ty, kteří své znalosti teprve budují. Tento krátký dokument shrnuje, co potřebuje každý iOSák znát.

Obrázek ke článku V přechodu na DVB-T2 tápou především senioři. Přeladit jim pomáhají vnoučata, zapojí se i stát

V přechodu na DVB-T2 tápou především senioři. Přeladit jim pomáhají vnoučata, zapojí se i stát

Už na konci měsíce může zůstat část Čechů bez televizního signálu. Vypínání stávající sítě začne již 27. listopadu v Praze a středních Čechách a do poloviny roku 2020 čeká přechod na nový standard pozemního digitálního televizního vysílání DVB-T2 celou republiku. K naladění nového televizního vysílání musí řada lidí nakoupit modernější zařízení, upravit antény nebo přejít na kabelové či internetové vysílání. 

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