Site hosted by Angelfire.com: Build your free website today!

JavaScript Switch

CSS Switch lausung on põhimõtteliselt "if..else" lausungi täiendatud variant. Selle lausungi abil on kergem koodi kirjutada.

Näide

 red_dot.gif Switch lausung 
Selles näites demonstreeritakse kuidas kirjutada switch lausungit.

JavaScript Switch Lausung

Switch lausungit kasutatakse siis kui soovitakse käivitada ühte mitmest koodide blokist.

Süntaks

   switch(n)
{
case 1:
  käivitub koodi-blokk 1
  break;    
case 2:
  käivitub koodi-blokk 2
  break;
default:
  kood käivitub kui n on
  erinev juhtumist 1 ja 2
}

Näide

  <script type="text/javascript">
//Siin saad erinevaid tervitusi
//sõltuvalt nädalapäevast. Pane tähele, et Pühapäev on =0,
//Esmaspäev=1, Teisipäev=2, jne.
var d=new Date();
theDay=d.getDay();
switch (theDay)
{
case 5:
  document.write("Lõpuks ometi Reede");
  break;
case 6:
  document.write("Lahe Laupäev");
  break;
case 0:
  document.write("Paistes Pühapäev");
  break;
default:
  document.write("Vaatame mis uus nädal toob!");
}
  </script>

Pane tähele: Eralda iga sündmus "break" märgiga. Vastasel juhul käivitub järgmine sündmus automaatselt.

Vesivärvi palett

Nagu tead saab kolme põhivärvi (punane, sinine, roheline) abil luua miljoneid erinevaid värvitoone.Siin on üks JavaScripti abil loodud värvipalett. Klikkides erinevatele värvidele saame koheselt vastavate värvide segamise tulemuse. Segamise ala puhastamiseks, vajuta "Puhasta" nuppu.

Esimese astme värvid
Segamise ala
Teise astme värvid

Eks see ole lihtsalt veel üks JavaScript'i vidin. Praktiline kasu võiks olla sellest siis kui kodus remonti tehes üritad värve segada. Saad sellise skripti abil tulemust kohe näha.
Kui soovid siis saad selle skripti omale. Kopeeri kõigepealt allpool olev kood ja säilita nimega paint.js.

Nüüd kirjuta oma dokumendi "head" sektsiooni:

   <script type="text/javascript"
src="matha.js"></script>
<script type="text/javascript"
src="paint.js"></script>
<link rel="stylesheet"
type="text/css" href="paint.css"/>

Järgmiseks kopeeri allpool olev kood ja säilita nimega paint.css

Lõpuks lisa Html element sinna kus sa soovid, et värvipalett ilmuks. Värvipaleti kood on selline:

Koodi autor on Stephen Chapman